css
常見的css樣式：
列表：無序列表：
list-style-type 設定無序列表前面的列表符號
disc 表示實心圓
square表示實心方塊
circle表示空心圓
none 表示去掉列表符號
list-style-position 設定列表前面的專案符號是否包含在整個標籤寬度範圍之內
預設 outside 不在寬度範圍內
inside 表示包含在列表寬度範圍內
list-style-image 表示以作為列表的專案符號
list-style:none; 表示去掉列表前面的專案符號
有序列表：
list-style-type:
標籤的分類：
p 段落標籤
h1 -- h6 標題標籤
span 應用於段落內部分文字修改的標籤
br 換行
hr 水平線
b 加粗
i 傾斜
a 超連結
sup 上標
sub 下標
img
input 輸入框
button 按鈕
ol 有序列表
li 列表項
ul 無序列表
dl 定義列表
dt 定義的名詞項
dd 定義的解釋項
table **
tr 行
td 列 單元格
th 表頭的單元格
thead 表頭
tbody **主體
caption **標題
form 表單
select 下拉列表
option 下拉列表項
textarea 文字域
div 普通盒子
大的範圍分為兩種：
單標記雙標記
標籤的分類：
塊級標籤： 該標籤會單獨佔據一行，可以手動設定寬和高
h1 --- h6 p br hr ol li ul dl dt dd table tr thead tbody caption
form div
行內標籤： 該標籤不會單獨佔據一行，無法手動設定寬和高，寬高是由裡面的內容自動撐開
span b i a sub sup option
行內塊級標籤：該標籤不會單獨佔據一行，但可以手動設定寬和高
img input button td th select textarea
標籤之間的巢狀規則：
塊級標籤內部可以巢狀任意型別的標籤
行內標籤內部不允許巢狀塊級標籤
ul 或 ol 標籤中 只允許li標籤出現 li標籤中可以巢狀任意標籤
標籤之間的轉換：
display 表示元素之間的轉換
block 表示其他元素轉換成塊級元素
inline 表示其他元素轉換成行內元素
inline-block 表示其他元素轉換成行內塊級元素
none 表示將該元素隱藏
overflow: hidden; 表示設定溢位部分隱藏
visibility: hidden; 表示元素隱藏
visibility: hidden; 與display:none; 區別
同樣都是對元素進行隱藏
visibility：表示佔位隱藏
display：表示不佔位隱藏
HTML標籤元素的分類
在講解css布局之前，我們需要提前知道一些知識，在css中，html中的標籤元素大體被分為三種不同的型別 塊狀元素 內聯元素和內聯塊狀元素。常用的塊狀元素有 常用的內聯元素有 常用的內聯塊狀元素有 塊級元素 什麼是塊級元素？在html中 和 就是塊級元素。設定display block就是將元素顯示...
HTML標籤元素的分類
塊狀元素 內聯元素 內聯塊狀元素。常用的塊狀元素有 常用的內聯元素有 常用的內聯塊狀元素有 1 塊級元素 什麼是塊級元素？在html中 和 就是塊級元素。設定display block就是將元素顯示為塊級元素。如下 就是將行內元素a轉換為塊狀元素，使a元素具有塊狀元素特點。1a 塊級元素特點 1 每...
html標籤元素分類 行內元素和塊級元素
在css中，html中的標籤元素大體被分為三種不同的型別 塊狀元素 內聯元素 又叫行內元素 和內聯塊狀元素。常用的塊狀元素有 常用的內聯元素有 常用的內聯塊狀元素有 下面部分 內聯元素 inline element a 錨點 b 粗體 不推薦 br 換行 em 強調 font 字型設定 不推薦 i ...