DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> 網頁制作技巧總結:XHTML標簽和CSS屬性的適用性
網頁制作技巧總結:XHTML標簽和CSS屬性的適用性
編輯:CSS進階教程     

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適用性:
只適用絕對定位元素(包括絕對定位和固定定位)

只有不斷的總結才能更深入的理解知識和發現自己的不足。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved