html中標籤元素三種不同型別:塊狀元素,行內元素,行內塊狀元素。
常用的塊狀元素:
~
常用的行內元素
常用的行內塊狀元素:
塊級元素特點:display:block;
1、每個塊級元素都從新的一行開始,並且其後的元素也另起一行。獨佔一行
2、元素的高度、寬度、行高以及頂和底邊距都可設定。
3、元素寬度在不設定的情況下,是它本身父容器的100%(和父元素的寬度一致),除非設定乙個寬度。
行內元素特點:display:inline;
1、和其他元素都在一行上;
2、元素的高度、寬度及頂部和底部邊距不可設定;
3、元素的寬度就是它包含的文字或的寬度,不可改變。
行內塊狀元素的特點:display:inline-block;
1、和其他元素都在一行上;
2、元素的高度、寬度、行高以及頂和底邊距都可設定
我們可以通過display屬性對塊級元素、行內元素、行內塊元素進行轉換,為後面頁面布局做好了準備。
HTML標籤分類
按閉合特徵分類 按是否換行分類 塊級元素特點 常用的塊級元素 標籤描述 div常用塊級容器,也是css和layout的主要標籤 h1 h6 一二三四五六級標題 hr水平分割線 menu 選單列表 ol ul li 有序列表 無序列表 列表項 dl dt dd 自定義列表 定義分類 類項描述 tabl...
HTML標籤分類
html標籤分類 塊級標籤 顯示為 塊 狀,獨佔一行 前後斷行顯示 佔據一整行 具有寬度和高度 常用作容器 沒有實際意義 容納 其他塊級標籤或行級標籤 常用標籤 基本塊級標籤 標題標籤段落標籤水平線標籤 浮動屬性 float 用於定於元素的浮動方向 改變塊級標籤的顯示屬性,塊級標籤不會獨佔一行 脫離...
HTML標籤的分類
display block 獨佔一行 div就是乙個塊級元素 可以設定寬度和高度 寬度是父級元素的寬度,高度是自身內容的高度 div p h1 h6 ol ul li dl dt dd table tr hr td form pre display inline 不獨佔一行,在一行顯示 span就是...