塊元素(block element) html標籤分類明細
* 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) html標籤分類明細
* 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 - 定義變數
可變元素 html標籤分類明細
* button - 按鈕
* del - 刪除文字
* iframe - inline frame
* ins - 插入的文字
* map - 區塊(map)
* object - object物件
* script - 客戶端指令碼
<
!doctype html>
<
!--h5寫法 --
>
"content-type" content=
"text/html; charset=utf-8"
>
"text/css"
>
<
!-- 行元素沒有高寬,一行依次排列; --
>
<
!-- 塊元素有高寬,一行乙個元素; --
>
<
!-- 行內快有高寬,一行依次排列; --
>
span
diva
p<
/style>
<
/head>
div塊元素轉行內元素<
/div>
div塊元素轉行內元素<
/div>
span行內元素轉塊元素<
/span>
span行內元素轉塊元素<
/span>
a行元素轉行內快元素<
/a>
a行元素轉行內快元素<
/a>
p塊元素轉行內快元素<
/p>
p塊元素轉行內快元素<
/p>
<
/body>
<
/html>
行元素 塊元素 行內塊元素
可以與其它行內元素同處一行,與塊元素不行 設定width,height無效 設定行高line height有效,並且會占用高度位置 相當於該行內元素有了height值,對下面元素的位置有影響,但該行內標籤實際height值並沒有改變 設定margin只有左右有效,上下無效 設定padding上下左右...
行級元素 塊級元素
一.元素分類 行間元素 inline span,strong,em,a,del 塊級元素 block div,p,h1 h6,ul,ol,li,form,address 行塊級元素 inline block img 1.行間元素 內容決定元素所在位置,不可以通過css改變寬高。1234 設定的寬高無...
html css 行級元素,塊級元素
偽選擇器 hover 行級元素 內聯元素 feature 1.內容決定所站位置 2.不可以通過css改變寬高 display inline 代表元素 span strong em a del 塊級元素 feature 1.獨佔一行 2.可以通過css改變寬高 display block 代表元素 d...