css手冊(20201130232544)

1、屬性描述background簡寫屬性，作用是將背景屬性設(shè)置在一個(gè)聲明中。值background-colorbackground-imagebackground-repeatbackground-attachmentbackground-position精品文檔IFNW3EC4161background-attachment背景圖像是否固定或者隨著頁面的其余部分滾動(dòng)。background-color設(shè)置元素的背景顏色。background-image把圖像設(shè)置為背景。background-position設(shè)置背景圖像的起始位置。background-repeat設(shè)置背景圖像是否及如何重復(fù)。CSS

2、背景屬性CSS邊框?qū)傩?border)屬性描述border簡寫屬性。作用是在一個(gè)聲明中scroll4161fixedcolor-rgb4141color-hexcolor-nametransparenturl4141nonetop left4161top centertop rightcenter leftcenter centercenter rightbottom leftbottom centerbottom rightx-% y-%x-pos y-posrepeat4141repeat-xrepeat-yno-repeat值IEFNW3Cborder-width4141border-s

3、tyle.用來設(shè)置四個(gè)邊框的所有屬性。border-bottom簡寫屬性。作用是在一個(gè)聲明中用來設(shè)置下邊框的所有屬性。border-bottom-color設(shè)置下邊框的顏色。border-bottom-style設(shè)置下邊框的樣式。border-bottom-width設(shè)置下邊框的寬度。border-color設(shè)置四個(gè)邊框的顏色，可以設(shè)置一到四個(gè)顏色。border-left簡寫屬性。用于在一個(gè)聲明中設(shè)置左邊框的所有屬性。border-left-color設(shè)置左邊框的顏色。border-left-style設(shè)置左邊框的樣式。border-left-width設(shè)置左邊框的寬度。border-righ

4、t簡寫屬性。將所有用于右邊框的屬性設(shè)置于一個(gè)聲明中。border-right-color設(shè)置右邊框的顏色border-right-style設(shè)置右邊框的樣式border-colorborder-bottom-widthborder-styleborder-colorborder-colorborder-stylethinmediumthicklengthcolorborder-left-widthborder-styleborder-colorborder-colorborder-stylethinmediumthicklengthborder-right-widthborder-styleb

5、order-colorborder-colorborder-style精品文檔416141624162414141614161416241624141416141624162.border-right-widthborder-styleborder-topborder-top-colorborder-top-styleborder-top-widthborder-widthCSS文本屬性屬性color設(shè)置右邊框的寬thin度。mediumthicklength設(shè)置四個(gè)邊框的none樣式，可以設(shè)置hidden一到四個(gè)樣式。dotteddashedsoliddoublegrooveridgeins

6、etoutset簡寫屬性。將所border-top-widt有用于上邊框的h屬性設(shè)置于一個(gè)border-style聲明中。border-color設(shè)置上邊框的顏border-color色。設(shè)置上邊框的樣border-style式。設(shè)置上邊框的寬thin度。mediumthicklength簡寫屬性。在一thin個(gè)聲明中設(shè)置四medium個(gè)邊框的寬度，thick可以設(shè)置一到四length個(gè)值。描述值設(shè)置文本顏色。color精品文檔4141416141614162416241414141IEFNW3C3141direction設(shè)置文本方向。ltrrtl6162letter-spacing設(shè)置字符間

7、距。normal4161.text-aligntext-decorationtext-indenttext-shadowtext-transformunicode-bidiwhite-spaceword-spacing對(duì)齊元素中的文本。向文本添加修飾?？s進(jìn)元素中文本的首行?？刂圃刂械淖帜浮ＴO(shè)置文本方向。設(shè)設(shè)置元素中空白的處理方式。設(shè)置字間距。lengthleftrightcenterjustifynoneunderlineoverlineline-throughblinklength%nonecolorlengthnonecapitalizeuppercaselowercasenormale

8、mbedbidi-overridenormalprenowrapnormallength精品文檔41414141414141415251416161CSS字體屬性(font)屬性描述font簡寫屬性。作用是將所有針對(duì)字體的屬性設(shè)置在一個(gè)聲明中。值font-stylefont-variantfont-weightfont-size/line-heightfont-familyIEFNW3C4141.font-family字體類型名稱或者針對(duì)某元素的類屬族名名稱的優(yōu)先列表。font-size設(shè)置字體的尺寸。font-size-adjust為元素規(guī)定aspect值。font-stretch收縮或拉伸

9、當(dāng)前的字體族。font-style設(shè)置字體樣式。font-variant以小型小寫字體或者正常字體顯示文本精品文檔captioniconmenumessage-boxsmall-captionstatus-barfamily-name3141generic-familyxx-small3141x-smallsmallmediumlargex-largexx-largesmallerlargerlength%none number-2normal-2widernarrowerultra-condensedextra-condensedcondensedsemi-condensedsemi-exp

10、andedexpandedextra-expandedultra-expandednormal4141italicobliquenormal4161small-caps.font-weight設(shè)置字體的粗細(xì)。CSS外邊距屬性(margin)屬性描述margin簡寫屬性。 在一個(gè)聲明中設(shè)置外邊距屬性。margin-bottom設(shè)置元素的下外邊距。margin-left設(shè)置元素的左外邊距。margin-right設(shè)置元素的右外邊距。margin-top設(shè)置元素的上外邊距。CSS內(nèi)邊距屬性(padding)屬性描述padding簡寫屬性。作用是在一精品文檔normal4141boldbolderli

11、ghter100200300400500600700800900值IEFNW3Cmargin-to4141pmargin-rightmargin-bottommargin-leftauto4141length%auto3141length%auto3141length%auto3141length%值IEFNW3Cpadding-to4141.padding-bottompadding-leftpadding-rightpadding-topCSS列表屬性(list)屬性list-stylelist-style-imagelist-style-positionlist-style-type個(gè)聲

12、明中設(shè)置元素的內(nèi)邊距屬性。設(shè)置元素的下內(nèi)邊距。設(shè)置元素的左內(nèi)邊距。設(shè)置元素的右內(nèi)邊距。設(shè)置元素的上內(nèi)邊距。描述簡寫屬性。用于將所有用于列表的屬性設(shè)置于一個(gè)聲明之中。將圖象設(shè)置為列表項(xiàng)標(biāo)記。設(shè)置列表中列表項(xiàng)標(biāo)記被放置的位置。設(shè)置列表項(xiàng)標(biāo)記的類型。ppadding-rightpadding-bottompadding-leftlength%length%length%length%值list-style-typelist-style-positionlist-style-imagenoneurlinsideoutsidenonedisccirclesquaredecimaldecimal-lead

13、ing-zerolower-romanupper-romanlower-alphaupper-alpha精品文檔4141414141414141IEFNW3C4161416141614141.marker-offset內(nèi)容生成屬性contentcounter-incrementcounter-resetquotes精品文檔lower-greeklower-latinupper-latinhebrewarmeniangeorgiancjk-ideographichiraganakatakanahiragana-irohakatakana-irohaauto172length描述值IEFNW3C生

14、成文檔中的內(nèi)容。string162與 :before以u(píng)rl及 :after偽元素配counter(name )合使用。counter(name,list-style-type)counters(name,string)counters(name,string,list-style-type)attr(X)open-quoteclose-quoteno-open-quoteno-close-quote設(shè)置某個(gè)選取器每次none2出現(xiàn)的計(jì)數(shù)器增量。identifiernumber設(shè)置某個(gè)選擇器出現(xiàn)none2次數(shù)的計(jì)數(shù)器的值。identifiernumber設(shè)置引號(hào)的類型。none-162stri

15、ng string.輪廓屬性描述outline簡寫屬性。用來在一個(gè)聲明中設(shè)置所有的outline屬性。outline-color設(shè)置圍繞元素的輪廓的顏色。outline-style設(shè)置圍繞元素的輪廓的樣式。精品文檔值IEFNW3Coutline-color-1.5-2outline-styleoutline-widthcolor-1.5-2invertnone-1.5-2dotteddashedsoliddoublegrooveridgeinsetoutsetoutline-width設(shè)置圍繞元素的輪廓thin-1.5-2的寬度。mediumthicklengthCSS 尺寸屬性 (Dimen

16、sion)屬性描述值IEFNW3Cheight設(shè)置元素高度。auto4161length%line-height設(shè)置行間距。normal4141numberlength%max-height設(shè)置元素的最大高度。none-162length%max-width設(shè)置元素的最大寬度。none-162length%.min-height設(shè)置元素的最小高度。min-width設(shè)置元素的最小寬度。width設(shè)置元素的寬度。CSS分類屬性(Classification)屬性描述clear設(shè)置不允許存在浮動(dòng)對(duì)象的邊cursor規(guī)定光標(biāo)類型（形狀）display設(shè)置如何及是否顯示某元素length%length

17、%auto%length值leftrightbothnoneurlautocrosshairdefaultpointermovee-resizene-resizenw-resizen-resizese-resizesw-resizes-resizew-resizetextwaithelpnoneinlineblocklist-itemrun-incompactmarkertableinline-tabletable-row-grou精品文檔-162-1624141IEFNW3C414141624141.float設(shè)置圖像或文本出現(xiàn)于另一元素中的何處position元素的定位方式：靜態(tài)、相對(duì)定位

18、、絕對(duì)定位、固定定位visibility設(shè)置元素可見或不可見CSS定位屬性(Positioning)屬性描述bottom設(shè)置定位元素下外邊距邊界與其包含塊下邊界之間的偏移。clip設(shè)置元素的形狀。left設(shè)置定位元素左外邊距邊界與其包含塊左邊界之間的偏移。overflow設(shè)置當(dāng)元素的內(nèi)容溢出其區(qū)域時(shí)發(fā)生的事情。position把元素放置到一個(gè)靜態(tài)的、相對(duì)的、絕對(duì)的、或固定的位置中。ptable-header-grouptable-footer-grouptable-rowtable-column-grouptable-columntable-celltable-captionleftrightnonestaticrelativeabsolutefixedvisiblehiddencollapse值auto%lengthshapeautoauto%lengthvisiblehiddenscrollautostaticrelativeabsolute精品文檔414141424162IEFNW3C51624162414241624142.righttopvertical-alignz-indexCSS表格屬性屬性設(shè)置定位元素右外邊距邊界與其包含塊右邊界之間的偏移。設(shè)置定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。設(shè)置元素的垂直排列。設(shè)置元素的堆疊順序。精品文檔fix