CSS選擇器及用法

2021-07-04 16:04:04 字數 963 閱讀 4976

用來修飾標籤的技術,叫層疊樣式表——簡稱css

選中網頁中某乙個指定id的標籤的樣式

網頁中的標籤,每個標籤有且僅有乙個唯一的id

例項:

選中所有網頁中指定class屬性的標籤的樣式

不同的標籤的class屬性可以一樣,表示使用同一種樣式來修飾

例項:

使用指定的標籤,來修飾網頁中所有選中的標籤的樣式

例項:

|-- 兄弟選擇器

|-- 子元素選擇器——#msg > li{}

|-- 內部選擇器—— #msg li{}

|-- html標籤,標籤屬性都有乙個style屬性,在style屬性中編輯css樣式

|--

例項:

人生沒有彩排,每一秒都是現場直播。

加油!原價109現價89

|-- 網頁中在標籤裡,嵌入標籤,在標籤中編輯網頁中的css樣式

例項:

人生沒有彩排,每一秒都是現場直播。

加油!原價109

現價89

|-- 網頁外部建立乙個單獨的樣式表檔案【**.css】,然後引入到網頁中,當前網頁就可以使用【**.css】中定義的樣式

例項:

|-- 屬性名稱:屬性值

|-- 屬性名稱:屬性值;屬性名稱:屬性值;

選擇器

CSS基礎及選擇器

css的優勢 css基礎語法 選擇器注意 css語句的最後一條宣告可寫可不寫,但基於w3c標準規範考慮,建議最後一條宣告的結束 都要寫上 style標籤 style 標籤在html文件中的位置 在 和 之間 引入css的方式 標籤選擇器 html標籤作為標籤選擇器的名稱 標籤選擇器直接應用於html...

CSS基礎及選擇器

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

css選擇器 CSS選擇器總結

在前不久的專案中,實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義,從而導致這個全域性的樣式讓 所有頁面都出現了問題,然後我就只...