css的各種選擇器和css語法規範

2021-10-20 13:44:27 字數 1102 閱讀 2224

css的各種選擇器:1、元素選擇器,如某一型別的標籤,h1等;2、類選擇器,用「.類名"定義,也可與元素選擇器混用,如.font2、h1.kai,使用時class=「kai」;3、id選擇器,以#類名進行定義,使用時class=類名;4、萬用字元選擇器,如* ;5、後代選擇器,如div p定義了div標籤中的p標籤;6、偽鏈結選擇器,如a:link,a:hover等

css語法規範:

分為倆部分,選擇器樣式和修改樣式

style必須寫在head裡面

標籤選擇器:

(可以選出所有相同的標籤來進行修改樣式)

前面寫上標籤+

類選擇器:

(可以選出乙個或者多個標籤)

.+名字

在標籤裡面加上class=「名字」

我也來變成紅色

多類名的使用:

把統一的修改樣式集中在乙個盒子裡,再把不一樣的修改樣式區分出來

老余老張

老馬id選擇器:

(一次只能選擇乙個標籤,一般後期和js搭配使用)

老余老張

萬用字元選擇器:

(選擇所有的標籤)我的

我的

css字型屬性值

字型系列:

最常用的字型是微軟雅黑:「microsoft yahei」

格式是:font-family:「microsoft yahei」

字型大小:

預設畫素大小是16px,標題標籤比較特殊需要單獨去設定

格式是:font-size:16px

字型粗細:

不加粗預設值是400,加粗值是700,常用數字來表示粗細

格式是:font-weight:400(預設值不加粗)

文字樣式:

預設是normal不傾斜,傾斜值是italic

格式是:font-style:italic

復合屬性:

簡寫的方式,節約**

格式是:font:font-style font-weight font-size/line-height font-family;

必須嚴格按照順序來寫,否則**將不會生效

必須保留字型大小font-size和字型font-family,其他可以省略,line-height是行距

css語法和選擇器

4.css語法 格式 選擇器 選擇器 篩選具有相似特徵的元素 注意 每一對屬性需要使用 隔開,最後一對屬性可以不加 5.選擇器 篩選具有相似特徵的元素 分類 1.基礎選擇器 1.id選擇器 選擇器具體的id屬性值的元素.建議在乙個html頁面中id值唯一 語法 id屬性值 注意 id選擇器的優先順序...

css 各種 選擇器

css 各種 選擇器 通配選擇器。全文匹配,所有使用,預設配置 標籤選擇器。應用於標籤為以下的html標籤 td 多標籤選擇器,也叫群組選擇器。應用於所有html標籤為以下的元素 td,p,div,a 類選擇器。應用於html頁面所有class屬性為ibmclass的標籤元素 ibmclass 精確...

CSS各種選擇器

1 元素選擇器 li 最常用 最基本 2 派生選擇器 li strong標籤間用空格分隔 定義了li標籤中的strong標籤的樣式,css1中上下文選擇器 css2中派生選擇器 3 id選擇器 id 在現代布局中,id 選擇器常常用於建立派生選擇器。id div 4 class選擇器 classna...