css 常見的css樣式: 列表: 無序列表: list-style-type 設置無序列表前面的列表符號 disc 表示實心圓 square表示實心方塊 circle表示空心圓 none 表示去掉列表符號 list-style-position 設置列表前面的項目符號是否包含在整個標簽寬度範圍之內 ...
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:表示不占位隱藏