css選擇符歸類

2022-08-29 23:36:25 字數 1009 閱讀 8936

css語法:

選擇符{屬性,屬性值}

選擇符:就是給標籤起名字

(一)型別選擇符(標籤選擇符)

所有的html標籤可以當作選擇符應用

特點:能選中當前結構中裡面全部同名標籤

應用:想統一某乙個標籤樣式的時候h或者清楚某個標籤樣式的時候

(二)id選擇符。相當於人的身份證號

語法:起名字: 《標籤 id="名稱">(三)類選擇符(class選擇符)

類名處 編輯需用.class

語法:其名稱: 《標籤 class=名稱1 名稱2 名稱3 名稱4 >起名方法:

1.駝峰式命名法:

news-left news-right

2.連字元命名法:

news-left news-center news-right

3.下劃線命名法:

news_left news_center news_right

特點:

a. 乙個元素有多個類名,類名可以重複出現

b.可以制定一類樣式

(四):群組選擇符

語法:以逗號分隔開的方式,將多個選擇符組成一組,給整體加樣式。

選擇符1,選擇符2,選擇符3,選擇符4

eg :

#box, .con,h3 , #wrap

(六)偽類選擇器(同時存在時不能改變順序)

a:link /未訪問的鏈結狀態/

a:visited /已訪問的鏈按狀態/

a:hover /滑鼠滑過鏈按狀態/

a:active /滑鼠按下去時的狀態/

偽類選擇器經典操作:

aa:hover

注意:a為四種狀態統一

且給誰hover就改變誰。(七)萬用字元

*{}*選擇頁面中所有的元素!

*{

margin:0;盒子外面間距為零

padding:0;盒子

去除預設樣式,重置樣式

CSS選擇符 屬性選擇符

使用屬性選擇器可以篩選出設定了特定屬性的標籤。例如選取所有設定了title屬性的 img title 這種選擇符的第一部分是標籤名 img 隨後是屬性名,放在方括號裡 title css不限制屬性選擇符只能使用標籤名,也可以使用類。例如 photo title 用於選取類為photo,而且設定了ti...

CSS選擇符 型別選擇符

h1用於選取特定html標籤的選擇符,叫型別選擇符或元素選擇符。這種選擇符的作用特別大。能把樣式應用到網頁中的每個目標標籤上。使用這種選擇符,只需少量工作就能大幅修改網頁的外觀。假如想讓網頁中每個段落都使用相同的字型 顏色和字型大小,只需編寫乙個選擇符為p 表示標籤 的樣式即可。html 最基本的佐...

CSS 選擇符大全(常用css選擇符)

e 某個元素,如p id 使用id,如 idname class 使用class,如.myclass 萬用字元 包含選擇符 e f e所有的f包含子代,孫代,子子孫孫等等 子選擇符 e相鄰選擇符 e f 和e相鄰的f,相隔乙個都不算 兄弟選擇符 e f 和e同級的f的算 e att e中帶有某個at...