2013年4月29日 星期一

區塊元素與行內元素

區塊元素 (block element) :
如盒子般可放進任何元素
總是從新的一行開始
寬度與瀏覽器相同,與內容無關,可指定寬高

h1.h2.h3.h4.h5.h6 標題
p 段落
div  定義特定範圍
table  表格
ul  符號項目
ol 編號項目
hr 水平線
pre 依文字原來編排方式呈現
form 表單
address 聯絡資訊
blockquote 引用表單元件的群組


行內元素 (inline element) :
只會在同一行,不會換行
寬度只與內容有關,指定寬高無效果

a 連結
img 圖片
br 換行
span 定義特定範圍
lable 標籤
abbr 縮寫
acronym 首字縮寫
cite 表示引用來源
code 原始碼
em 強調
strong 更強調
select 下拉選單
input 表單輸入
var 變數
object 物件



置換元素(replaced element):
不同於其他行內元素,有內在尺寸,
可設寬高,如同設了display:inline-block一般

img 圖片
input 表單輸入
lable 標籤
select 下拉選單
object 物件


沒有留言:

張貼留言