CSS總結(1) 屬性 選擇器

2021-10-06 00:00:45 字數 801 閱讀 8863

html是搭建網頁框架,用它來對網頁進行美化會十分的麻煩和繁瑣。所以我們將 結構html 與樣式css相分離。

css通常稱為層疊樣式表,主要作用是設定html頁面的文字內容,的寬高、邊框樣式、邊距等,以及對版面的布局和外觀顯示樣式。

樣式表分為三類:

綜合寫法:

選擇器 

//字型大小,字型一定不能省略。

color:文字顏色

text-align:文字水平對齊。left左對齊,right右對齊,center居中對齊。

line-hight:行間距或者行高。

text-indent:首行縮排

text-decoration:文字裝飾,新增下劃線underline,取消下劃線 none。

選擇器的作用:選擇你想要的html頁面元素。

類選擇器和id選擇器的區別:

類選擇器可以多次重複使用,而id選擇器是唯一的,不得重複,只能使用一次。

父級 子級
父級》親子集
background-position : length || length

//精確座標第乙個是x,第二個是y。

//如果只有乙個數值,那麼就是x座標,另乙個垂直居中

background-position : position || position

//指定兩個方位名詞於順序無關

//指定乙個方位名詞,另乙個值預設居中對齊/

總結:背景屬性可以一起簡寫,它們之間沒有順序之分。

CSS選擇器 屬性選擇器

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

css選擇器 CSS選擇器總結

在前不久的專案中,實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義,從而導致這個全域性的樣式讓 所有頁面都出現了問題,然後我就只...

CSS屬性選擇器

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