1.html常用標籤
1. 常用塊級標籤
h : 標題
p : 段落
div : 容器
ul>li : 無序列表
form : 表單
2. 常用行內標籤
a : 超連結
span : 小容器
img : 插入圖 (寬高有效)
input : 輸入框,text/password/radio/checkbox/file/reset/button (寬高有效)
label : 標籤
em : 斜體(強調語義)
i : 斜體
b : 粗體
strong : 粗體(強調語義)
2. 常見標籤屬性
1.一般標籤屬性
id : id標識
style : 行內樣式
href : a超連結位址,link外鏈css路徑
src : 路徑,script外鏈js路徑
alt : 替換文字
2. 表單控制項屬性
name : 控制項名字
type : 控制項型別
value : 控制項值
outline : 輪廓
3. css常用樣式
1. 實體化樣式
width : 寬
height : 高
background : 背景,背景位置,背景重複,背景顏色
border : 邊框寬度,邊框樣式,邊框顏色
2. 間距和位置樣式
padding : 內邊距
margin : 外邊距
float : 浮動
position : 定位,relative/absolute/fixed/static
left/right/top/bottom : 方向屬性
z-index : z軸層級
3. 文字常用屬性:
color : 顏色
font-size : 字型大小
font-family : 字型
font-weight : 字型加粗,normal/bold
font-style : 文字是否傾斜,normal/italic
font : 是否加粗 字型大小/行高 字型
text-decoration : 字型修飾,none/underline
text-indent : 文字首行縮排
4. 居中樣式: ***
行內/文字 水平垂直居中: (父元素新增)
line-height : 行高等於高 . 垂直居中
text-align : center 內容對齊方式 . 水平居中
塊級標籤 : 水平居中: (自己新增) margin : 0 auto ;
垂直居中: (自己新增) margin : xx 0;
行內塊 水平居中: 父元素新增 text-align
垂直居中: 自己新增 margin : xx 0;
所有標籤水平垂直居中: (子絕父相)
position定位 : 所有標籤垂直水平居中
5. 其他樣式:
list-style : 無序列表專案符號,none
overflow : 溢位隱藏
特性:檢測自己大小,兒子大小,檢測**是否有問題.
可以清除浮動產生的影響
可以解決外邊距塌陷問題
display : 模式轉換,none/block/inline/inline-block
float,絕對定位,固定定位,display:inline-block, 都可以模式轉換為行內塊.
border-radius : 圓角邊框
opacity : 透明度
前端與CSS知識點總結
1.html常用標籤 1.常用塊級標籤 h 標題 p 段落 div 容器 ul li 無序列表 form 表單 2.常用行內標籤 a 超連結 span 小容器 img 插入圖 寬高有效 input 輸入框,text password radio checkbox file reset button ...
前端知識點（css）
快速使 變灰色 html form表單的時候，前面經常有姓名，年齡，公司名稱等等，有的是2個字，有的是4個字，如何讓字對齊 test1 mediascreen and webkit min device pixel ratio 0 將此樣式應用於文字所在標籤 常見的中英文對照 黑體 simhei宋體...
css前端知識點總結 必看篇
1 css的概念 cascadingstylesheet級聯樣式表 優點 1.內容與表現分離。用網頁的內容xhtml就可以與表象分開 2.表象統一 3.豐富的樣式 4.減少網頁 5.運用獨立於網頁的css 2.選擇器 1.標籤選擇器 標籤名 屬性 屬性值 2.類選擇器 類名 屬性 屬性值 標籤名 c...