css的屬性
HTML有標籤(tag),CSS就有選擇符(selector)。選擇符就是賦予內部或者外部樣式表的名字。在 CSS初級指南中,我們致力於HTML選擇符,即是HTML的標籤,用來改變一個指定標籤的樣式。
每個選擇符都有屬性(properties)在大括號{}中,裡面包括諸如color
、font-weighth
或者
background-color
形式的字樣。
值(value)在半形英文引號:後面,用半形英文分號;隔離。
body {
font-size: 0.8em;
color: navy;
}
如上,這給body選擇符裡的font-size和color屬性賦值。
基本上,這應用在HTML文件的話,在body標籤之間(整個視窗的內容)文字將會有0.8em大小,顯示為深藍色。
長度和百分比
CSS中有很多專有的屬性單位,也有很多能夠用在大量屬性的常規單位,在你繼續學習之前,它們值得你熟悉一下。
em(比如font-size: 2em
)是一個大致與一個字元高度相同的單位。
px(font-size: 12px
)是一個畫素的單位。
pt(font-size: 12pt
)是一個磅的單位。
%(font-size: 80%
)是一個……單位,等等,哦,是百分比。
其他單位還包括pc(活字),cm(釐米),mm(毫米)和in(英寸)。
一個值是0的時候你不必為它宣告一個單位。比如,你不想要邊界,可以這樣設定:border: 0
。
注意
網頁不是靜態、絕對的媒體。這意味著,網頁具有靈活性,使用者被允許按他們的喜好方式瀏覽網頁,包括字型尺寸和螢幕的大小等等。
因此,為font-size屬性賦值的單位中,最佳的是em或者%,而px在多數瀏覽器中會導致文字具有不可縮放性,也會導致貧乏、乏味的文字。
相關文章
- CSS 的 background 屬性CSS
- css的background屬性CSS
- CSS 屬性篇(七):Display屬性CSS
- css屬性的可繼承性CSS繼承
- css display 屬性CSS
- CSS perspective 屬性CSS
- CSS transform 屬性CSSORM
- css常用屬性CSS
- Css 中的position屬性CSS
- css中的display屬性CSS
- CSS中的margin屬性CSS
- css3中的zoom屬性以及jquery中css()方法操作元素的屬性CSSS3OOMjQuery
- CSS字型屬性和文字屬性詳解CSS
- CSS3的background屬性CSSS3
- css3的新屬性CSSS3
- CSS3的動畫屬性CSSS3動畫
- CSS grid屬性的使用CSS
- css文字屬性2CSS
- css常用文字屬性CSS
- CSS zoom屬性用法CSSOOM
- CSS 屬性賦值CSS賦值
- CSS外觀屬性CSS
- css3屬性CSSS3
- CSS 常用文字屬性CSS
- CSS display屬性的表格佈局相關屬性的解釋CSS
- css屬性與js中style物件的屬性對應表CSSJS物件
- CSS的常用屬性速查表CSS
- 強制修改CSS的屬性styleCSS
- CSS pointer-events屬性的使用CSS
- CSS中常用的屬性設定CSS
- CSS幾個有趣的屬性分享CSS
- CSS中content屬性的妙用CSS
- css 的 filter屬性竟然如此好玩CSSFilter
- css3中的animation屬性CSSS3
- css的border屬性預設值CSS
- 深入理解CSS的display屬性CSS
- CSS flex-grow 屬性CSSFlex
- CSS3常用屬性CSSS3