網(wǎng)頁制作技巧總結(jié):XHTML標(biāo)簽和CSS屬性的適用性

2024-07-11 08:22:58

字體：大中小

供稿：網(wǎng)友

網(wǎng)頁制作文章簡(jiǎn)介：xhtml標(biāo)簽元素可以分為：替換元素和非替換元素。

xhtml標(biāo)簽元素可以分為：替換元素和非替換元素
替換元素指：通過標(biāo)簽和標(biāo)簽屬性結(jié)合控制顯示內(nèi)容的元素。
如：<img />標(biāo)簽必須配合src屬性一起定義圖片顯示；
表單元素<input>標(biāo)簽，必須配合type選擇類型使用等；
非替換元素指：直接顯示網(wǎng)頁內(nèi)容的元素（網(wǎng)頁元素大多屬于這一類）
xhtml標(biāo)簽元素還可以分為：塊級(jí)元素和內(nèi)聯(lián)元素
塊級(jí)元素：內(nèi)容不換行（可以設(shè)置寬度和高度）
內(nèi)聯(lián)元素：內(nèi)容換行（不可以設(shè)置寬度和高度）*除了內(nèi)聯(lián)元素的替換元素（可以設(shè)置寬度和高度）
css屬性的適用性就是通過元素的不同，來判斷哪些屬性是可用的，哪些屬性是不可用的.
css屬性適用性匯總：
1）只用塊元素適用：text-align;text-indent;clear;
2）只有定位元素適用：top/right/bottom/left;z-index;
3）只有列表元素適用（display:iist-item）：list-style-type;list-style-image;list-style-position;
4）只有:before和:after適用：content;
5）只有行內(nèi)元素和表格單元格適用：vartical-align;
********************************************
個(gè)別屬性的適用性：
1）width/height/min-width/min-height/max-width/max-width的適用性：
所有元素，除了非替換元素的行內(nèi)元素，表格行和表格行組
2）margin/padding適用性：
所有元素，除表格行；表格行組；表格列；表格列組；表格頭部組；表格注腳組；
3）overflow適用性：
塊級(jí)元素和替換元素
4）clip適用性：
只適用絕對(duì)定位元素（包括絕對(duì)定位和固定定位）
只有不斷的總結(jié)才能更深入的理解知識(shí)和發(fā)現(xiàn)自己的不足。

上一篇：CSS3實(shí)例教程:hover、active和:focus偽選擇器

下一篇：CSS網(wǎng)頁布局錯(cuò)位:CSS寬度計(jì)算