CSS初級(jí)教程選擇符屬性和值_CSS教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
HTML有標(biāo)簽(tag),CSS就有選擇符(selector)。選擇符就是賦予內(nèi)部或者外部樣式表的名字。在 CSS初級(jí)指南中,我們致力于HTML選擇符,即是HTML的標(biāo)簽,用來(lái)改變一個(gè)指定標(biāo)簽的樣式。
每個(gè)選擇符都有屬性(properties)在大括號(hào){}中,里面包括諸如color、font-weighth或者 background-color形式的字樣。
值(value)在半角英文引號(hào):后面,用半角英文分號(hào);隔離。
如上,這給body選擇符里的font-size和color屬性賦值。
基本上,這應(yīng)用在HTML文檔的話,在body標(biāo)簽之間(整個(gè)窗口的內(nèi)容)文本將會(huì)有0.8em大小,顯示為深藍(lán)色。
長(zhǎng)度和百分比
CSS中有很多專(zhuān)有的屬性單位,也有很多能夠用在大量屬性的常規(guī)單位,在你繼續(xù)學(xué)習(xí)之前,它們值得你熟悉一下。
em(比如font-size: 2em)是一個(gè)大致與一個(gè)字符高度相同的單位。
px(font-size: 12px)是一個(gè)像素的單位。
pt(font-size: 12pt)是一個(gè)磅的單位。
%(font-size: 80%)是一個(gè)……單位,等等,哦,是百分比。
其他單位還包括pc(活字),cm(厘米),mm(毫米)和in(英寸)。
一個(gè)值是0的時(shí)候你不必為它聲明一個(gè)單位。比如,你不想要邊界,可以這樣設(shè)置:border: 0 。
注重
網(wǎng)頁(yè)不是靜態(tài)、絕對(duì)的媒體。這意味著,網(wǎng)頁(yè)具有靈活性,用戶被答應(yīng)按他們的喜好方式瀏覽網(wǎng)頁(yè),包括字體尺寸和屏幕的大小等等。
因此,為font-size屬性賦值的單位中,最佳的是em或者%,而px在多數(shù)瀏覽器中會(huì)導(dǎo)致文本具有不可縮放性,也會(huì)導(dǎo)致貧乏、乏味的文本。
每個(gè)選擇符都有屬性(properties)在大括號(hào){}中,里面包括諸如color、font-weighth或者 background-color形式的字樣。
值(value)在半角英文引號(hào):后面,用半角英文分號(hào);隔離。
示例代碼 [www.hl5o.cn]
body { font-size: 0.8em; color: navy; }
如上,這給body選擇符里的font-size和color屬性賦值。
基本上,這應(yīng)用在HTML文檔的話,在body標(biāo)簽之間(整個(gè)窗口的內(nèi)容)文本將會(huì)有0.8em大小,顯示為深藍(lán)色。
長(zhǎng)度和百分比
CSS中有很多專(zhuān)有的屬性單位,也有很多能夠用在大量屬性的常規(guī)單位,在你繼續(xù)學(xué)習(xí)之前,它們值得你熟悉一下。
em(比如font-size: 2em)是一個(gè)大致與一個(gè)字符高度相同的單位。
px(font-size: 12px)是一個(gè)像素的單位。
pt(font-size: 12pt)是一個(gè)磅的單位。
%(font-size: 80%)是一個(gè)……單位,等等,哦,是百分比。
其他單位還包括pc(活字),cm(厘米),mm(毫米)和in(英寸)。
一個(gè)值是0的時(shí)候你不必為它聲明一個(gè)單位。比如,你不想要邊界,可以這樣設(shè)置:border: 0 。
注重
網(wǎng)頁(yè)不是靜態(tài)、絕對(duì)的媒體。這意味著,網(wǎng)頁(yè)具有靈活性,用戶被答應(yīng)按他們的喜好方式瀏覽網(wǎng)頁(yè),包括字體尺寸和屏幕的大小等等。
因此,為font-size屬性賦值的單位中,最佳的是em或者%,而px在多數(shù)瀏覽器中會(huì)導(dǎo)致文本具有不可縮放性,也會(huì)導(dǎo)致貧乏、乏味的文本。
相關(guān)CSS教程:
CSS教程Rss訂閱Div+Css教程搜索
CSS教程推薦
猜你也喜歡看這些
- HTML中級(jí)教程span和div標(biāo)簽
- XHTML DHTML SHTML到底是什么,有何區(qū)別?
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問(wèn)題
- 總結(jié)XHTML代碼常見(jiàn)的應(yīng)用問(wèn)題
- HTML表格標(biāo)記教程(28):單元格的邊框色屬性BORDERCOLOR
- HTML和CSS在Flash中的應(yīng)用
- 網(wǎng)頁(yè)設(shè)計(jì)關(guān)于表單輸入框的技巧代碼
- HTML表格標(biāo)記教程(48):CSS修飾表格
- HTML表格標(biāo)記教程(23):行的暗邊框色屬性BORDERCOLORDARK
- HTML表格標(biāo)記教程(46):表格的表尾標(biāo)記
- 相關(guān)鏈接:
- 教程說(shuō)明:
CSS教程-CSS初級(jí)教程選擇符屬性和值
。