CSS 樣式 選擇器 繼承 tag

2021-07-10 16:19:32 字數 1637 閱讀 9122

1.css主要是用於定義html內容在瀏覽器內的顯示樣式,如文字大小、顏色、字型加粗等,如:

2.內聯式css樣式表就是把css**直接寫在現有的html標籤中,如下面**:

這裡文字是紅色。

3.嵌入式css樣式,就是可以把css樣式**寫在標籤之間:

4.外部式css樣式(也可稱為外聯式)就是把css**寫乙個單獨的外部檔案中,這個css樣式檔案以「.css」為副檔名,在內(不是在**的前面。

6.類選擇器:

.類選器名稱class="類選擇器名稱">目標

7.id選擇器的前面是井號(#)號,而不是英文圓點(.):

#id選擇器名稱id="setgreen">公開課

類選擇器和id選擇器的區別:

1)、id選擇器只能在文件中使用一次。與類選擇器不同,在乙個html文件中,id選擇器只能使用一次,而且僅一次。而類選擇器可以使用多次。

2)、可以使用類選擇器詞列表方法為乙個元素同時設定多個樣式。我們可以為乙個元素同時設多個樣式,但只可以用類選擇器的方法實現,id選擇器是不可以的(不能使用 id 詞列表)。

8.子選擇器:大於符號(>),用於選擇指定標籤元素的第一代子元素

.food>li
包含後代選擇器:即加入空格,用於選擇指定標籤元素下的後輩元素

.first  span
通用選擇器:使用乙個(*)號指定,它的作用是匹配html中所有標籤元素

*
偽類選擇器:允許給html不存在的標籤(標籤的某種狀態)設定樣式,比如說我們給html中乙個標籤元素的滑鼠滑過的狀態來設定字型顏色
a:hover
分組選擇器:為html中多個標籤元素設定同乙個樣式時,可以使用分組選擇符(,)

h1,span
9.繼承:是一種規則,它允許樣式不僅應用於某個特定html標籤元素,而且應用於其後代。比如下面**:如某種顏色應用於p標籤,這個顏色設定不僅應用p標籤,還應用於p標籤中的所有子元素文字,這裡子元素為span標籤。

p

三年級時,我還是乙個膽小如鼠的小女孩。

(一些css樣式是不具有繼承性的。如border:1px solid red;)

10.特殊性:瀏覽器是根據權值來判斷使用哪種css樣式的,權值高的就使用哪種css樣式

p

.first

三年級時,我還是乙個膽小如鼠的小女孩。

權值規則:標籤的權值為1,類選擇符的權值為10,id選擇符的權值最高為100;繼承也有權值但很低,有的文獻提出它只有0.1,所以可以理解為繼承的權值最低

重要性:!important可以為某些樣式設定高權值,新增在;前面

11.層疊:在html檔案中對於同乙個元素可以有多個css樣式存在,當有相同權重的樣式存在時,會根據這些css樣式的前後順序來決定,處於最後面的css樣式會被應用。

內聯樣式表(標籤內部)> 嵌入樣式表(當前檔案中)> 外部樣式表(外部檔案中)

CSS樣式選擇器

1.css 選擇器 1 標記選擇器 選擇器 用來指定確定標記的樣式 如 類別選擇器 class 類別名稱 如 對應的 class 選擇器 id選擇器 id id選擇器 如 對應的 id選擇器1id 選擇器2 2.集體宣告 對應的 集體宣告 h4集體宣告 h5集體宣告 p1集體宣告 p2集體宣告 p3...

CSS樣式選擇器

樣式選擇器 每一條css樣式宣告 定義 由兩部分組成,形式如下 選擇器類選擇器 以英文圓點開頭,不可以使用數字或中文起名 使用方法 1.使用class 類選擇器名 為標籤設定乙個類,如下 膽小如鼠 2.設定類選擇器css樣式,如下 stress id選擇器 id選擇器類似於類選擇器 1.為標籤設定i...

CSS樣式 選擇器

css的選擇器 1 標籤選擇器 div p a input span h1 divp我是段落 2 類選擇器 class 類選擇器樣式 class stylediv我是div容器 我是div中的段落 3 id選擇器 id id選擇器樣式 id stylep我是div容器 4 並列選擇器 並列選擇器樣式...