2 CSS使用方式及常用選擇器

2021-09-28 20:14:27 字數 782 閱讀 6466

1.css的使用方式

/*1.行內樣式*/

/*2.內聯樣式*//*3.外聯樣式

href="css/index.css" ,此處為外部css的位址

*/ /*

index.css內

*/div

2.常見選擇器

這個是乙個段落

這個是乙個段落

3.包含選擇器

4.屬性選擇器

這個是乙個div

這個是乙個div

[attribute]

用於選取帶有指定屬性的元素。

[attribute=value]

用於選取帶有指定屬性和值的元素。

[attribute~=value]

用於選取屬性值中包含指定詞彙的元素。

[attribute|=value]

用於選取帶有以指定值開頭的屬性值的元素,該值必須是整個單詞。

[attribute^=value]

匹配屬性值以指定值開頭的每個元素。

[attribute$=value]

匹配屬性值以指定值結尾的每個元素。

[attribute*=value]

匹配屬性值中包含指定值的每個元素。

5.偽類選擇器

CSS學習筆記2 CSS選擇器

一 css選擇器 1.什麼是css選擇器 2.css選擇器的作用 根據指定標籤,在當前頁面中,找到所有符合條件的標籤,設定樣式 3.選擇器需要的注意點 選擇器選中的是所有該型別的標籤,不是一部分,是所有。無論標籤藏得多深,選擇器都可以找到該標籤 二 常見的css選擇器 1.標籤選擇器 作用 在整個頁...

CSS使用方式及選擇器

內嵌樣式 寫在style標籤對裡面。行內樣式 直接寫在標籤行上面。外鏈樣式 單獨寫乙個css檔案,通過link標籤引入。匯入式 單獨寫乙個css檔案,通過 import匯入。css的基礎選擇器主要有三個 標籤選擇器 類選擇器 和 id選擇器 後代選擇器是對某元素所巢狀的指定元素進行選擇,每個選擇符之...

CSS3 教程2 CSS選擇器

作用 選擇頁面上的某乙個或者某一類元素 整個html屬於乙個dom樹 標籤選擇器 標籤選擇器會選中頁面中所有該標籤的元素 弊端 所有該標籤會被同時修改樣式 類選擇器 class 給標籤加上class屬性,然後選擇器用.class的格式 好處 可以多個標籤歸類,是同乙個class 示例 id選擇器 給...