CSS樣式及相關的選擇器的介紹和區別

2022-04-05 18:32:43 字數 373 閱讀 2750

1.css樣式作用:用於控制頁面顯示的方式和布局(定義html元素展示的方式),美化介面,將內容與表現分離,便於維護和擴充套件;

a. html選擇器:如:p

b. id選擇器:如:#div1

c. 類選擇器: 如: .tr

屬性選擇器的使用方法是:首先需要在頁面的開頭新增乙個:的標記,然後在

示例如:

hello!

well

3.id選擇器與類選擇器的共同點及區別:

id選擇器和類選擇器的相同點:選擇器的名稱都可以自定義,區分大小寫,建議使用小寫字母,不能以數字開頭;

區別:id選擇器以#開頭,具有唯一性,在同乙個頁面只能使用一次,類選擇器以.開頭,在同乙個介面可以多次使用同乙個類樣式;

CSS常用 選擇器及樣式

本章僅僅只是對css的乙個彙總,方便查詢使用 css 指層疊樣式表 cascading style sheets 他的作用是為了顯示html元素,優點在於讓定義樣式更加簡單,讓網頁的內容和表現分離,使多個樣式可以層疊使用。css的使用格式是選擇器 宣告 selector p在這裡臨時插入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...