CSS開發知識

一：初識css

1：css做用

頁面排版，美化頁面

2：css語法

屬性名：屬性值；

3：css的三種引入方式

行內樣式：style="屬性名：屬性值；"

頁內樣式：

<style type="text/css">

#id{

屬性名：屬性值；

}

</style>

引入樣式：

<link href="url" style="text/css"/>

4：css經常使用選擇器

id選擇器：#id{...}

類選擇器：.class{...}

標籤選擇器：p{...}

交集選擇器：#id .class p{...}

並集選擇器：#id,.class,p{...}

二：css經常使用屬性

1：font屬性

font-style:normal

font-family:宋體

font-size:16px

font:normal 16px 宋體

2：文本屬性

color:red

line-height:16px

text-align:left/right/center

letter-spacing:5px

text-decoration:None

white-space:nowrap

3：背景屬性

background:red url no-repeat

background-color:red

background-picture:url

background-position:20px

background-repeat:no-repeat

4：列表屬性

list-style:squre inside url

list-style-type:squre

list-style-image:url

list-style-position:inside

5：超連接僞列

a:link{...}

a:visted{...}

a:hover{...}

a:active{...}

6：外邊距

margin:0px 0px 

margin-top:0px

margin-right:0px

margin-left:0px

margin-bottom:0px

7：內邊距

padding:0px 0px

padding-left:0px

padding-right:0px

padding-top:0px

padding-bottom:0px

8：邊框

border:1px solid black

border-style:solid

border-width:1px

border-color:red

boder-radius:2px

9：其它屬性

float:left/right/center(浮動)

display:none/block(隱藏/顯示)

overflow:auto(溢出處理)

clear:left/right(清除浮動)

position:relative/absolute(定位)