文章出處
文章列表
一、基本概念
1、塊級元素(block element)：一般都從新行開始占據一定的矩形空間，可以設置其寬、高屬性來改變矩形的大小。一般情況下塊級元素可以包含內聯元素和其它塊級元素，但也有特殊如form只能包含其它塊級元素，p只能包含內聯元素。常見塊級元素如div、p、form等。
2、內聯元素(inline element)：也叫內嵌元素、行內元素、直進式元素。一般都是基于語義級(semantic)的基本元素，沒有自己獨立的空間，依附于其它塊級元素存在的，因此一般情況下設置其寬、高屬性是無效的（特殊如img可以設置寬高）。內聯元素只能包含文本和其它內聯元素。常見內聯元素如span、a等。
3、可變元素：需要根據上下文關系確定該元素是塊元素或者內聯元素。可變元素還是屬于上述兩種元素類別，一旦上下文關系確定了他的類別，他就要遵循塊元素或者內聯元素的規則限制。
二、兩者變換
1、塊級元素設置display:inline可變換為內聯元素。2、內聯元素設置display:block可變換為塊級元素。還有內聯元素設置float也可變換塊級元素，這是因為不管是塊級元素還是內聯元素，設置了float之后其會生成一個塊級框。
三、塊級元素(block element)
- address - 地址
- blockquote - 塊引用
- center - 舉中對齊塊
- dir - 目錄列表
- div - 常用塊級容易，也是css layout的主要標簽
- dl - 定義列表
- fieldset - form控制組
- form - 交互表單
- h1 - 大標題
- h2 - 副標題
- h3 - 3級標題
- h4 - 4級標題
- h5 - 5級標題
- h6 - 6級標題
- hr - 水平分隔線
- isindex - input prompt
- menu - 菜單列表
- noframes - frames可選內容，（對于不支持frame的瀏覽器顯示此區塊內容
- noscript - 可選腳本內容（對于不支持script的瀏覽器顯示此內容）
- ol - 排序表單
- p - 段落
- pre - 格式化文本
- table - 表格
- ul - 非排序列
四、內聯元素(inline element)
- a - 錨點
- abbr - 縮寫
- acronym - 首字
- b - 粗體(不推薦)
- bdo - bidi override
- big - 大字體
- br - 換行
- cite - 引用
- code - 計算機代碼(在引用源碼的時候需要)
- dfn - 定義字段
- em - 強調
- font - 字體設定(不推薦)
- i - 斜體
- img - 圖片
- input - 輸入框
- kbd - 定義鍵盤文本
- label - 表格標簽
- q - 短引用
- s - 中劃線(不推薦)
- samp - 定義范例計算機代碼
- select - 項目選擇
- small - 小字體文本
- span - 常用內聯容器，定義文本內區塊
- strike - 中劃線
- strong - 粗體強調
- sub - 下標
- sup - 上標
- textarea - 多行文本輸入框
- tt - 電傳文本
- u - 下劃線
- var - 定義變量
五、可變元素
- applet - java applet
- button - 按鈕
- del - 刪除文本
- iframe - inline frame
- ins - 插入的文本
- map - 圖片區塊(map)
- object - object對象
- script - 客戶端腳本
文章列表
全站熱搜
留言列表
