網頁制作常用的CSS知識
在制作網頁中,我們會用到很多CSS的知識,在這裏我簡單的總結了一些。
div 劃分區塊
ul,li 無序列表(配合劃分區塊)
ol,li 有序列表
a 超鏈接標簽
p 段落標簽
h 標題標簽
img 向網頁插入圖片
input 輸入框
text-align:center 文本文字居中
text-decoration:none 去下劃線
list-style:none 去掉列表前綴
display:block 變為塊級元素,然後就可以設置寬高那些了
float:left 將元素左浮動,可以使多個塊級元素在一行上
clear:both 清除浮動,防止浮動引起的其他不好的變化
overflow:hidden 觸發BFC,防止子級浮動影響父級
position:relative 相對定位
position:absolute 絕對定位
position:fixed 固定定位
border 邊框,可設寬,樣式和顏色等
outline:none 去輪廓,一般是去button按鈕的輪廓
padding 內邊距
margin 外邊距
background 可設置背景屬性
vertical-align:bottom 文本水平對齊
display:hidden
textarea 多行文本框
header 裝載網頁頭部
nav 導航標簽
footer 網頁頁腳
font-size 字體大小
line-height 字體行高
網頁制作常用的CSS知識