重溫系列7《css常用屬性》

1.font-size:16px;表示字體的大小為16px;實際指的是字體的高度。

2.font-weight:bold;表示字體加粗,它的屬性值有lighter、normal(默認值)、bold、bolder【以上依次加粗,但是bolder有時候不好使,不是瀏覽器的問題,也不是代碼問題,而是字體包裏沒有更粗的樣式。屬性還可以寫數字表示:100~900只能寫整百的數字。

3.font-style:italic;表示斜體,normal正常字體。

4.font-family:“微軟”;表示字體樣式,常用微軟雅黑等等…

5.color:red;表示字體顏色。這個表示的是字體的顏色!!!!

6.background-color:red;表示標籤背景的顏色。背景顏色!!!!
6-1:補充background:表示背景所有的屬性。(後面細講,這裏需與background-color區分,可以理解為background-color是background中的某一個屬性而已。可以參考下面第10點border屬性)

7.補充color:顏色命名有四種方式:
7-1:傳統 red 紅色 blue 藍色,這種方式就是用英文單詞命名的。
7-2:顏色代碼:#ff0000,代碼表示:每兩個代碼表示一個顏色的飽和度值(00~ff,十六進制的數值)六個代碼就代表了三原色的飽和度的值。當有兩個重複時可以簡寫。例如#f40 = #ff4400 。但是#ff4403就不能簡寫了。必須三個全部重複。
7-3:顏色的函數,如:rgb(255,255,255),裏面的值可以是0~255,類似同樣三原色的邏輯。有時會遇到:rgba(255,255,255,0.5),尾巴a表示透明度。0.5表示半透明。、
7-4:特別色:transparent透明色。

8.width:標籤的寬(後面合模型時細講),單位是px/%。這個涉及移動端與電腦端的佈局都很重要。

9.height:標籤的高(後面合模型時細講)

10.boder:標籤的邊框(後面合模型時細講),例如:border:1px solid black表示1像素的實線的黑色邊框。
10-1:border-color:black 表示邊框顏色
10-2:border-style:solid 表示實線
10-3:border-width:1px 表示邊線寬度

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章