CSS,基本語法

2021-09-23 21:37:39 字數 1153 閱讀 3942

在css的第一篇部落格中看到了css帶給我們的

不一樣的視覺體驗

,本篇部落格將繼續學習css,讓我們一起在它的基本語法中領悟它的強大之處。

一.選擇器的型別

1.標記選擇器

乙個html頁面由很多不同的標記組成,而css標記選擇器就是宣告哪些標記採用哪種css樣式。

下圖為乙個h1選擇器**及說明:

2.類別選擇器很明顯上面的標記選擇器適用於全部範圍內的設定,而如果想對某個標記設定不一樣的屬性值,那就無法實現了。所以,接下來介紹類別(class)選擇器。

類別選擇器可以由使用者自定義,根據提前設定好的class值進行修改樣式即可。

**示例:

class選擇器class選擇器1

class選擇器2

3.id選擇器id選擇器的使用方法和class選擇器基本相同,不同之處在於id選擇器只能在html頁面中使用一次,針對性更強。

**示例:

id選擇器id選擇器1

id選擇器2

二.選擇器宣告

1.集體宣告

在宣告各種css選擇器時,如果某些選擇器的風格是完全相同的,或者部分相同,這時便可以利用集體宣告的方式,將風格相同的css選擇器同時宣告。

2.選擇器的巢狀

在css選擇器中,可以通過巢狀的方式,對特殊位置的html標記進行宣告。

如:三.css的繼承

所有的css語句都是基於各個標記之間的父子關係的,下面一張圖很詳細清晰的展現了它們的關係:

看到這層層巢狀的關係,不知道大家是否想起了什麼呢?css的名稱,層疊樣式表,正是因它而來。

css的基本語法內容也就這些了,學習完後,挺清楚的。在以後的實踐中,想要頁面布局更吸引人,css就可以幫到我們了。

css基本語法

最近 要經常用到css,但是語法 老是忘記,先貼起來!摘自http www.webjx.com 1.css的語法 css的定義是由三個部分構成 選擇符 selector 屬性 properties 和屬性的取值 value 語法 selector 選擇符 說明 選擇符是可以是多種形式,一般是你要定義...

CSS基本語法

1.基本語法 css的定義是由三個部分構成 選擇符 selector 屬性 properties 和屬性的取值 value 基本格式如下 selector 選擇符 選擇符是可以是多種形式,一般是你要定義樣式的html標記,例如body p table 你可以通過此方法定義它的屬性和值,屬性和值要用冒...

CSS基本語法

css 規則由兩個主要的部分構成 選擇器,以及一條或多條宣告 選擇器通常是您需要改變樣式的 html 元素。每條宣告由乙個屬性和乙個值組成。屬性 property 是您希望設定的樣式屬性 style attribute 每個屬性有乙個值。屬性和值被冒號分開。如果你要在html元素中設定css樣式,你...