CSS的三種基礎選擇器

2021-10-12 23:41:07 字數 1280 閱讀 6196

css中三種最基本的選擇器：

標籤選擇器

乙個 html 頁面是通過很多標籤組成的，css 標籤選擇器就是用來宣告這些標籤的，因為每乙個 html 標籤的名稱都可以作為相應的標籤選擇器的名稱。

示例：下面是一段html**：



我愛學習，學習使我快樂。
如果我們要為這兩個標籤定義 css 樣式，就可以直接在 .css 檔案內通過標籤選擇器來宣告樣式：

h3


p
css 語法就是由選擇器和**宣告塊 {}**組成，每個宣告塊中可以包含乙個或多個樣式宣告，並且每條宣告後面以分號;結尾。

除了上述例子中的p、h3標籤可以作為標籤選擇器，其他的例如html、body、a、img等標籤都是可以作為標籤選擇器的。

類選擇器

類選擇器用於描述一組標籤的樣式，乙個類選擇器可以在多個標籤上使用。

語法：

.class_name
類選擇器前面必須有乙個點 .，這個點必不可少，是類選擇器的標誌。類選擇器的名稱 class_name 是自定義的，選擇器中的屬性和屬性值跟標籤選擇器中一樣。

示例：html**：



小白兔小獅子


小老虎小猴子
要給「小兔子」 字型樣式設定為粉色加粗，可以自定義乙個類選擇器：

.rabbit
然後在 html 標籤上通過 class 屬性來使用定義好的類樣式，格式為：

《標籤名 class="類名稱">標籤內容類選擇器有乙個好處就是，我們可以在同乙個頁面中多個 html 標籤上，使用同乙個類選擇器。


id選擇器


示例：通過#來定義乙個id選擇器，設定背景顏色為粉色的樣式：


#only
然後在 html 中通過 id 屬性使用這個id選擇器：



小白兔小獅子


小老虎小猴子
加入前端學習裙：953352883，我們一起學前端，還有學習資料免費分享；

css三種選擇器

1.選擇器 2.派生選擇器 我是粗體字，不是斜體字，因為我不在列表當中，所以這個規則對我不起作用 我是斜體字。這是因為 strong 元素位於 li 元素內。我是正常的字型。3.id選擇器 我的id是red，使用id選擇器 aaaa bbbb 4.id 選擇器用於建立派生選擇器 我只符合id選擇器，...

HTML常用標記 CSS三種選擇器

html常用標記 1 換行 2 段落 3 標題 數字越小，文字越大 4 居中 5 文字列表 無序列表 有序列表 列表項1 列表項2 6 標記 標題標記 表頭標記 行 單元格標記，即列標記 7 表單 表單onsubmit 指定當使用者單擊提交按鈕觸發的事件 target 指定輸入資料結果顯示在哪個視窗...

前端入門 CSS標籤的三種選擇器

標籤選擇器p 上面的css樣式 的作用 為p標籤設定12px字型大小，行間距設定1.6em的樣式。類選擇器 類選擇器在css樣式編碼中是最常用到的，如右側 編輯器中的 可以實現為 膽小如鼠 勇氣 字型設定為紅色。語法 類選器名稱 注意 1 英文圓點開頭 2 其中類選器名稱可以任意起名 但不要起中文噢...