解析CSS基本組成三要素
你對CSS的基本語法是否熟悉,這里和大家分享一下,CSS基本語法很簡單主要由三個要素組成,分別是選擇符、屬性和值。CSS中選擇符就是賦予內(nèi)部或者外部樣式表的名字,選擇符可以是一個HTML標(biāo)簽,或者一個HTML中定義的元素ID。
CSS基本語法-選擇符、屬性和值
CSS基本語法很簡單主要由三個要素組成,分別是選擇符、屬性和值。
選擇符
選擇符就是賦予內(nèi)部或者外部樣式表的名字,選擇符可以是一個HTML標(biāo)簽,或者一個HTML中定義的元素ID,也可以是HTML定義的個CLASS名,選擇符是一個CSS的基本單位。
屬性
每個選擇符都有屬性(properties)在大括號{}中,里面包括諸如color、font-weighth或者background-color形式的字樣。
值(value)
CSS中值在半角英文引號:后面,用半角英文分號;隔離。
示例代碼
- body{font-size:0.8em;color:navy;}
如上,這給body選擇符里的font-size和color屬性賦值。
基本上,這應(yīng)用在HTML文檔的話,在body標(biāo)簽之間(整個窗口的內(nèi)容)文本將會有0.8em大小,顯示為深藍(lán)色。
長度和百分比
CSS中有很多專有的屬性單位,也有很多能夠用在大量屬性的常規(guī)單位,在你繼續(xù)學(xué)習(xí)之前,它們值得你熟悉一下。
em(比如font-size:2em)是一個大致與一個字符高度相同的單位。
px(font-size:12px)是一個像素的單位。
pt(font-size:12pt)是一個磅的單位。
%(font-size:80%)是一個……單位,等等,哦,是百分比。
其他單位還包括pc(活字),cm(厘米),mm(毫米)和in(英寸)。
一個值是0的時候你不必為它聲明一個單位。比如,你不想要邊界,可以這樣設(shè)置:border:0。
注意
網(wǎng)頁不是靜態(tài)、絕對的媒體。這意味著,網(wǎng)頁具有靈活性,用戶被允許按他們的喜好方式瀏覽網(wǎng)頁,包括字體尺寸和屏幕的大小等等。
因此,為font-size屬性賦值的單位中,***的是em或者%,而px在多數(shù)瀏覽器中會導(dǎo)致文本具有不可縮放性,也會導(dǎo)致貧乏、乏味的文本。
本文來自CSS在線:http://www.csscss.org/cssarticle/200951785.shtml
【編輯推薦】