css常用單位與選擇器

2022-07-06 01:54:09 字數 685 閱讀 8302

px,和當前作業系統視窗解析度有關

em,和父級元素的字型大小有關,即父級元素的字型大小的x倍的意思,如果父級元素沒有設定,一直找到html頂級元素為止

rem,是html字型大小的倍數,與父級元素無關

vh/vw,和瀏覽器當前尺寸有關,即瀏覽器當前長寬的百分比

vmin/vmax,和裝置解析度有關,主要用於移動裝置的橫屏豎屏後,解析度顛倒的場景

百分比,和父級元素的size有關,而vh/vw是同瀏覽器的size有關,二者均為百分比只不過參考不同

>,子元素選擇器 ,當前元素的兒子元素,可與*搭配使用,組成所有子元素,例:.div > *

+,兄弟選擇器,與當前元素處於同一層的下乙個相鄰元素

~,同級選擇器,與當前元素處於同一層的所有元素

*,所有選擇器,可與其他選擇器搭配使用,單獨使用指所有html標籤

p[id],屬性選擇器,有id屬性的p標籤,當然id也可以指定

:,偽類選擇器,懸停hover,點選過visited ....

源:

CSS常用選擇器

class 選擇器 選擇並設定 class intro 的元素的樣式 intro id選擇器 為 id firstname 的元素設定樣式 firstname 標籤選擇器 選擇並設定所有 元素的樣式 p並集選擇器 使用 逗號 連線兩個選擇器 選擇並設定所有 樣式和所有 元素的樣式 h1,p 後代選擇...

CSS 常用選擇器

選擇器是指通過一定的語法規則選取到對應的html標記,然後給這個對應的html標記設定樣式 1.標籤選擇器 寫法 標籤名 標籤選擇器影響範圍大,一般用來做一些通用設定,或用在層級選擇器中。舉例 div 這是第乙個div 這是第二個div 2.類選擇器 寫法 類名 通過類名來選擇元素,乙個類可應用於多...

css常用選擇器

css 層疊樣式表 作用 美化html 行內式 css選擇器 外鏈式為單獨書寫的乙個css檔案,內容類似內嵌式,但是沒有內嵌式的外部標籤 如下 標籤選擇器 p color darkseagreen font family 楷體 font weight 200 id選擇器 id color india...