Hello,今天繼續學習的是常用到的css選擇器的一些類型,包括裡面用到的屬性,又到了像是學英語單詞的時候,還是那句話,雖然這些東西都可以在用的時候去查,但是作為一個合格的程式設計師,怎麼能邊寫代碼邊查呢!
組合選擇器
1 多元素選擇器
描述:給多個元素加同一個樣式,多個選擇器之間用逗號「,」隔開
舉例:h1,p,div,body{color:red}
2 後代元素選擇器(最常用的)
描述:給某個標籤的所有後代元素加樣式
舉例:div .title{color:red}
3 子元素選擇器
描述:給某個元素的子元素添加樣式
舉例:div>h1.title{color:red}
CSS尺寸屬性
Width:元素寬度,一定要加px單位
Height:元素高度
CSS字體屬性
Font-size:字體大小。如:font-size:14px
Font-family:字體。如font-family:微軟雅黑
Font-style:斜體,取值:italic。如:font-style:tialic
Font-weight:粗體,取值:bold。如:font-weight:bold
CSS文本屬性
Color:文本顏色
Text-decoration:文本修飾線,取值:none(無)、underline(下劃線)、overline(上劃線)、line-through(刪除線)
Text-align:文本水平對齊方式,取值:left、center、right
Line-height:行高,可以用固定值,也可以用百分比。如:line-height:24px;line-height:150%
Text-indent:首行縮進。如:text-indent:28px
Letter-spacing:字間距。
我在學習的過程在想CSS這些屬性和html一些標記不是起到的是相同的效果嗎,為什麼要有兩種寫法,寫html簡單的那種不就好了嗎,辦公室裡的大佬給我解釋了一下就是,有些情況下html並不能滿座你的需求,就需要CSS來實現你的需求,所以就要用CSS的寫法,而正常來說,兩種是可以自由選擇的。
今天又是需要記的一些東西,需要多加練習,還是那句話,熟能生巧,用多了就記住了,當然這也不是必須的,如果你的時間緊迫,還是了解一下意思,明白使用的區別就好了