CSS選擇器和CSS屬性

2021-09-29 10:54:39 字數 929 閱讀 2684

css選擇器:

class選擇器:通過類名選擇html元素。

id選擇器:通過id選擇html元素。

標籤選擇器:通過html標籤名稱選擇html元素。

偽類選擇器:通過狀態過濾元素並選擇指定元素。

偽元素選擇器:為選中的元素新增虛擬內容。

萬用字元選擇器:選擇所有的html元素。

css屬性:

設定元素位置的屬性:

position:為html元素設定定位方式。

left:設定html元素距離左側的距離。

top:設定html元素距離頂部的距離。

bottom:設定html元素距離底部的距離。

right:設定html元素距離右側的距離。

設定元素尺寸的屬性:

width:為每個html元素設定寬度。

height:為每個html元素設定高度。

min-width:為每個html元素設定最小的寬度,寬度的最小值。

min-height:為每個html元素設定最小的高度,高度的最小值。

max-width:為每個html元素設定最大的寬度,寬度的最大值。

max-height:為每個html元素設定最大的高度,高度的最大值。

padding:為每個html元素新增內邊距。

border:為每個html元素新增邊框。

margin:為每個html元素新增外邊距。

line-height:為每乙個html元素新增內部每一行文字的行高。

設定元素樣式的屬性:

list-style:為預設帶有樣式的html元素設定樣式型別。

text-decoration:為預設帶有文字修飾樣式的html元素設定文字修飾樣式。

background:為html元素新增背景樣式。

background-color:為html元素新增背景顏色。

CSS選擇器 屬性選擇器

最近重新學習了css3,發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...

CSS屬性選擇器

簡單屬性選擇器,如 css h1 class html 那麼以上h1標籤裡的內容字型顏色都會改變。同時我們也可以通過這種方法來給自己建立的標籤加上樣式,如 css planet moon html venus earth mars 這樣的話,第二條和第三條就會被加上樣式。還可以根據標籤裡的具體屬性值...

CSS屬性選擇器

css 2 引入了屬性選擇器。屬性選擇器可以根據元素的屬性及屬性值來選擇元素。如果希望選擇有某個屬性的元素,而不論屬性值是什麼,可以使用簡單屬性選擇器。如果您希望把包含標題 title 的所有元素變為紅色,可以寫作 title 親自試一試 與上面類似,可以只對有 href 屬性的錨 a 元素 應用樣...