CSS文件或Web頁(yè)面中度量單位介紹及比較_XHTML教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
在網(wǎng)頁(yè)中對(duì)網(wǎng)頁(yè)元素的大小修飾除了數(shù)值大小外,還有就是度量單位的選擇了。不同的度量單位會(huì)有哪些不同的效果呢?首先先了解下各類(lèi)單位及說(shuō)明
像素(px)
根據(jù)顯示器的分辨率來(lái)確定長(zhǎng)度,在web應(yīng)用中多采用該單位;
點(diǎn)數(shù)(pt)
根據(jù)windows系統(tǒng)定義的字號(hào)大小來(lái)確定長(zhǎng)度;
英寸(in)、厘米(cm)和毫米(mm)
根據(jù)顯示的實(shí)際尺寸來(lái)確定長(zhǎng)度。此類(lèi)單位不隨顯示器分辨率的改變而改變;
12pt字(pc)
即windows系統(tǒng)定義的12字號(hào)大小為單位(1pc=12pt)。該單位前輸入的數(shù)字表示字號(hào)大小的倍數(shù)。如{font-size: 2pc;}表示文字大小為24pt;
以上單位均為定值,改變?yōu)g覽器中瀏覽文字大小不會(huì)對(duì)應(yīng)用這些單位的文字產(chǎn)生變化。
字體高(em)
表示當(dāng)前文本的尺寸。如{font-size:2em}是指文字大小為原來(lái)的2倍;
字體x的高(ex)
表示當(dāng)前字母“x”的高度;
%
是以當(dāng)前文本的百分比定義尺寸。如{font-size:200%}是指文字大小為原來(lái)的2倍;
網(wǎng)頁(yè)中各度量單位的在網(wǎng)頁(yè)中的查看比較
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
像素(px)
根據(jù)顯示器的分辨率來(lái)確定長(zhǎng)度,在web應(yīng)用中多采用該單位;
點(diǎn)數(shù)(pt)
根據(jù)windows系統(tǒng)定義的字號(hào)大小來(lái)確定長(zhǎng)度;
英寸(in)、厘米(cm)和毫米(mm)
根據(jù)顯示的實(shí)際尺寸來(lái)確定長(zhǎng)度。此類(lèi)單位不隨顯示器分辨率的改變而改變;
12pt字(pc)
即windows系統(tǒng)定義的12字號(hào)大小為單位(1pc=12pt)。該單位前輸入的數(shù)字表示字號(hào)大小的倍數(shù)。如{font-size: 2pc;}表示文字大小為24pt;
以上單位均為定值,改變?yōu)g覽器中瀏覽文字大小不會(huì)對(duì)應(yīng)用這些單位的文字產(chǎn)生變化。
字體高(em)
表示當(dāng)前文本的尺寸。如{font-size:2em}是指文字大小為原來(lái)的2倍;
字體x的高(ex)
表示當(dāng)前字母“x”的高度;
%
是以當(dāng)前文本的百分比定義尺寸。如{font-size:200%}是指文字大小為原來(lái)的2倍;
網(wǎng)頁(yè)中各度量單位的在網(wǎng)頁(yè)中的查看比較
代碼調(diào)試框 [www.wf0088.com]
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
相關(guān)XHTML教程:
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁(yè)布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說(shuō)說(shuō)XHTML中的alt屬性和title屬性
- Semantics語(yǔ)義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問(wèn)題
- 請(qǐng)注意頁(yè)面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語(yǔ)義的標(biāo)簽:有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
- HTML表格標(biāo)記教程(41):表頭的寬度和高度屬性WIDTH、HEIGHT
- 網(wǎng)頁(yè)設(shè)計(jì)之網(wǎng)頁(yè)音樂(lè)的實(shí)現(xiàn)技巧
- HTML表格標(biāo)記教程(12):邊框樣式屬性FRAME
- Web開(kāi)發(fā)常用代碼:背投廣告
- HTML表單標(biāo)記教程(3):輸入標(biāo)記
- 網(wǎng)頁(yè)制作中使用規(guī)范的HTML代碼的幾點(diǎn)
- HTML表格標(biāo)記教程(30):單元格的暗邊框色屬性BORDERCOLORDARK
- HTML中級(jí)教程span和div標(biāo)簽
- 入門(mén):HTML的基本標(biāo)簽和屬性簡(jiǎn)單介紹
- HTML表格標(biāo)記教程(46):表格的表尾標(biāo)記
猜你也喜歡看這些
- 相關(guān)鏈接:
- 教程說(shuō)明:
XHTML教程-CSS文件或Web頁(yè)面中度量單位介紹及比較
。