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:表示不占位隱藏
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/115124.html
標籤:Html/Css
上一篇:HTML常用標簽一
