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

2021-09-24 06:19:00 字數 618 閱讀 3202

標籤選擇器p

上面的css樣式**的作用:為p標籤設定12px字型大小,行間距設定1.6em的樣式。

類選擇器

類選擇器在css樣式編碼中是最常用到的,如右側**編輯器中的**:可以實現為「膽小如鼠」、「勇氣」字型設定為紅色。

語法:.類選器名稱

注意:1、英文圓點開頭

2、其中類選器名稱可以任意起名(但不要起中文噢)

使用方法:

第一步:使用合適的標籤把要修飾的內容標記起來,如下:

膽小如鼠

第二步:使用class="類選擇器名稱"為標籤設定乙個類,如下:

膽小如鼠

第三步:設定類選器css樣式,如下:

.stress/*類前面要加入乙個英文圓點*/

id選擇器

在很多方面,id選擇器都類似於類選擇符,但也有一些重要的區別:

1、為標籤設定id="id名稱",而不是class="類名稱"。

2、id選擇符的前面是井號(#)號,而不是英文圓點(.)。

右側**編輯器中就是乙個id選擇符的完整例項。

居於前列的一排數字是:484

處於中間地帶的數字是:757

最後位於尾部的數字是:760

css三種選擇器

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

CSS的三種基礎選擇器

css中三種最基本的選擇器 標籤選擇器 乙個 html 頁面是通過很多標籤組成的,css 標籤選擇器就是用來宣告這些標籤的,因為每乙個 html 標籤的名稱都可以作為相應的標籤選擇器的名稱。示例 下面是一段html 我愛學習,學習使我快樂。如果我們要為這兩個標籤定義 css 樣式,就可以直接在 cs...

HTML常用標記 CSS三種選擇器

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