1. 程式人生 > >網頁制作常用的CSS知識

網頁制作常用的CSS知識

ont bottom spl -h line pla pad 水平對齊 好的

在制作網頁中,我們會用到很多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知識