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種顏色特性)4.text-indent(首行縮進)

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)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM