網頁制作技巧總結:XHTML標簽和CSS屬性的適用性

2024-07-11 09:01:46

字體：大中小

來源：轉載

供稿：網友

武林網(www.survivalescaperooms.com)文章簡介：xhtml標簽元素可以分為：替換元素和非替換元素。

xhtml標簽元素可以分為：替換元素和非替換元素
替換元素指：通過標簽和標簽屬性結合控制顯示內容的元素。
如：<img />標簽必須配合src屬性一起定義圖片顯示；
表單元素<input>標簽，必須配合type選擇類型使用等；
非替換元素指：直接顯示網頁內容的元素（網頁元素大多屬于這一類）
xhtml標簽元素還可以分為：塊級元素和內聯元素
塊級元素：內容不換行（可以設置寬度和高度）
內聯元素：內容換行（不可以設置寬度和高度）*除了內聯元素的替換元素（可以設置寬度和高度）
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）只有行內元素和表格單元格適用：vartical-align;
********************************************
個別屬性的適用性：
1）width/height/min-width/min-height/max-width/max-width的適用性：
所有元素，除了非替換元素的行內元素，表格行和表格行組
2）margin/padding適用性：
所有元素，除表格行；表格行組；表格列；表格列組；表格頭部組；表格注腳組；
3）overflow適用性：
塊級元素和替換元素
4）clip適用性：
只適用絕對定位元素（包括絕對定位和固定定位）
只有不斷的總結才能更深入的理解知識和發現自己的不足。

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

下一篇：CSS3教程:使用@font-face實現個性化字體