網頁製作常用的CSS知識

標籤：absolute   對齊   導航   區塊層級元素   防止   splay   round   變化   abs   

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