css基本知識架構圖

css基本知識架構：(一：基本知識縮影。二基本知識架構圖)

1.css樣式表的基本概念

2.樣式表基本類型-----1.內嵌樣式 2.內聯樣式3.鏈入外部樣式表4.匯入外部?式

3.樣式表配置方法

4.字型屬性----1.font-family

2.font-size(四種尺寸方式：絕對尺寸（xx-small。。。medium。。xx-large7種），相對（larger，smaller，em），px，%)

3.font-weight(6種方式，normal（400），bold（700），bolder，lighter，100.。。900，inherit)

4.font-style（3種normal，italic，oblique）

5.font-variant（normal，small-caps，inhert）

6.font

5.文字屬性----1.text-align（5種屬性justify，inherit） 2.letter-spacing 3.color(3種顏色特性)

6.背景顏色以及映像設定

1.background-color

2.background-image

3.background-repeat(5種repeat,repeat-x,repeat-y,norepeat,inherit)

3.background-attachment(3種fixed，scroll，inherit)

4.background-position（3種方式）

5.background-size

6.background-origin（從何處開始顯示背景圖片3種padding-box，border-box，content-box）

7.background-clip（裁剪padding-box，border-box，center-box，text）

7.邊框

1.border-width（5種border，border-left-width（left，right，bottom））

2.border-style（border-（top|left|right|bottom）-style四種之下各有9種相同樣式///none/dotted/dashed/solid/double/groove/ridge/inset/outset）

3.border-color

4.border-imge(5種，border-image-source|slice|width|outset|repeace|)

8.設定邊距（margin（margin-left，，）padding）

9。網頁超連結設定

1.網頁連結屬性（4種連結方式）

2.添加捲軸屬性overflow（overflow-x，overflow-y）每一種分四種1.visible（顯示所有文段，沒有捲軸）2.auto（?超容時顯示捲軸）3.hidden（隱藏捲軸）4.scroll（總是顯示捲軸）

3.設定游標屬性（cursor：hand|crosshair|text|wait沙漏|help|move|e-resize|ne-resize |nw-resize|s-resize|url（‘#’））

10.css地區以及定位

1.position的理解（相對定位和絕對位置）

2.z-index層疊順序

3.float浮動屬性

4.clear清除屬性

5.clip 是css的剪刀手

6.overflow超出範圍(5種visible（超出部分溢出）hidden，auto溢出則顯示否則，inherit)

7.visibility（4種visible，hidden，collapse，inherit）

