適合小白閱覽 6種選擇器 外加CSS樣式表的建立

2022-08-09 08:42:14 字數 700 閱讀 2674

六種選擇器:標籤選擇器

id選擇器

class選擇器

後代選擇器

子代選擇器

交集選擇器

簡單說下者6種選擇器:

標籤選擇器就是用標籤來命名的內容,例如標籤選擇器

在style裡新增樣式的時候就是p{}。這種適合在沒有相同標籤的情況下使用

id選擇器就是給這個標籤起個id例如id選擇器

那他在style裡新增樣式的格式就是#a{}。id起名新增樣式的時候必須在名字前面加#鍵。

class選擇器就是類選擇器,給標籤用class起名字例如class選擇器

他在新增樣式的格式就是.b{}   它的名字前面必須加英文狀態下的.

後代選擇器他的標籤巢狀多層關係,例如你和你的爸爸都是你爺爺的後代的關係。

子代選擇器它的標籤巢狀只有1層關係,例如你是你是你爸爸的子代的關係。

交集選擇器就像乙個人有本身自己的名字,但別人還給他起了幾個外號,無論你叫外號還是他的名字,都是在叫他的關係。

css樣式表的建立:

內部樣式表:內部樣式表是在標籤裡輸入的。語法例子:

內聯樣式表:內聯樣式表是直接在標籤內輸入的。語法例子:內容

外聯樣式表:寫在頭部標籤裡的。語法例子 :再建立乙個css型別檔案,在裡面輸入新增樣式。  

說明: rel用於定義文件關聯,表示關聯樣式表

type用於定義文件型別.可以不寫。

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

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

CSS樣式表與選擇器

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

CSS 樣式表與選擇器

3,樣式表特點 4,選擇器分類 4 群組選擇器 為一組元素統一設定樣式 5 後代選擇器 空格表示後代 在選擇器 中查詢所有滿足選擇器 的元素 6 子代選擇器 匹配滿足選擇器的所有直接子元素 7 偽類選擇器 為元素的不同狀態分別設定樣式,5,選擇器的優先順序 借助於style標籤屬性,書寫樣式宣告 樣...