CSS 樣式表與選擇器

3,樣式表特點

4,選擇器分類

4),群組選擇器:為一組元素統一設定樣式

5),後代選擇器:空格表示後代　在選擇器１中查詢所有滿足選擇器２的元素

6),子代選擇器:匹配滿足選擇器的所有直接子元素

7),偽類選擇器:為元素的不同狀態分別設定樣式,

5,選擇器的優先順序

借助於style標籤屬性,書寫樣式宣告

樣式**:
css屬性名:屬性值;
常用屬性:
font-size 設定字型大小,取畫素值
color 設定文字顏色
background-color 設定背景顏色

使用書寫樣式**,實現結構與樣式的分離,使用選擇器匹配

文件中的元素並設定樣式
選擇器:根據標籤名,屬性值,層級結構查詢對應元素
標籤選擇器:根據標籤名匹配元素
pp

建立樣式表檔案(.css),使用選擇器匹配元素應用樣式

在html檔案中使用引入樣式表

注:超連結的文本色需要自行設定

發生樣式衝突時考慮優先順序,誰優先順序高用誰

1,行內樣式的優先順序最高
2,選擇器樣式優先順序一致,發生樣式衝突時,看樣式**的書寫順序,後來者居上
3,瀏覽器預設樣式和繼承樣式優先順序最低

#d2

.c1

1,class屬性可以設定多個值,使用空格隔開

class=「c1 c2 c3」

2,選擇器可以組合使用,常見標籤選擇器與類選擇器組合使用

p.c1

selector1,selector2

selector1 selector2{}

selector1>selector2{}

必須與基礎選擇器結合使用分類

a text-decoration:none
a:hover{} 滑鼠滑過時的狀態
a:link{} 超連結訪問前的狀態
a:visited 超連結訪問後的狀態
a:active 滑鼠點按不抬起時的狀態(啟用)
a:focus 焦點狀態(文字框被編輯時就稱獲取焦點)

1),相同型別的選擇器發生樣式衝突,仍然是後來者居上

2),不同型別的選擇器發生樣式衝突,看權重,權重越高,優先順序越高
3),後代選擇器,子代選擇器的權重由各個選擇器的權重累加計算
4),群組選擇器的權重由各個選擇器單獨計算

CSS樣式表與選擇器

html解題思路 1 先大致寫出html框架，即定義內容部分。2 然後根據需要寫對應的css樣式，即定義表現部分。3 根據需要可將css檔案定義在外部，用鏈結樣式表或匯入樣式表將外部css檔案引入到當前頁面，實現了表現與內容的分離。css樣式選擇器分類 1 標籤選擇器。2 類選擇器。3 id選擇器。...

css樣式表 樣式表分類 選擇器

一 樣式表分三類 1.內聯樣式表。放在元素的開始標記中。只對當前元素起作用。例 結果 2.內嵌樣式表。放在頁面的中間。可以對整個頁面。你好 執行結果 3.外部樣式表。放在乙個單獨的.css樣式表檔案中。可以對整個 操作 新建乙個css檔案，用來存放樣式表 在html中呼叫樣式表，要在html中右鍵 ...

樣式表與選擇器

樣式表的分類 內聯樣式表 樣式寫在標籤裡 重用性差，但控制精確 內嵌樣式表 嵌在網頁的某個位置 重用性高一些，控制性不如內聯精確 外部樣式表 樣式是寫在乙個外部檔案裡面 重用性最高，控制精確度最低 文字 通過選擇器找元素 id 每個元素都可以加，id不能重複，以字母開頭 class 類名，每個元素都...