css屬性代碼大全一CSS文字屬性：color:#999999;/*文字顏色*/font-family:宋體,sans-serif;/*文字字體*/感謝閱讀font-size:9pt;/*文字大小*/font-style:itelic;/*文字斜體*/精品文檔放心下載font-variant:small-caps;/*小字體*/謝謝閱讀letter-spacing:1pt;/*字間距離*/精品文檔放心下載line-height:200%;/*設(shè)置行高*/精品文檔放心下載font-weight:bold;/*文字粗體*/精品文檔放心下載vertical-align:sub;/*下標(biāo)字*/感謝閱讀vertical-align:super;/*上標(biāo)字*/感謝閱讀text-decoration:line-through;/*加刪除線*/精品文檔放心下載text-decoration:overline;/*加頂線*/感謝閱讀text-decoration:underline;/*加下劃線*/感謝閱讀text-decoration:none;/*刪除鏈接下劃線*/精品文檔放心下載text-transform:capitalize;/*首字大寫*/謝謝閱讀text-transform:uppercase;/*英文大寫*/感謝閱讀text-transform:lowercase;/*英文小寫*/感謝閱讀text-align:right;/*文字右對齊*/精品文檔放心下載text-align:left;/*文字左對齊*/感謝閱讀text-align:center;/*文字居中對齊*/感謝閱讀text-align:justify;/*文字分散對齊*/感謝閱讀vertical-align屬性vertical-align:top;/*垂直向上對齊*/感謝閱讀vertical-align:bottom;/*垂直向下對齊*/感謝閱讀vertical-align:middle;/*垂直居中對齊*/謝謝閱讀vertical-align:text-top;/*文字垂直向上對齊*/精品文檔放心下載vertical-align:text-bottom;/*文字垂直向下對齊*/謝謝閱讀二、CSS邊框空白padding-top:10px;/*上邊框留空白*/感謝閱讀padding-right:10px;/*右邊框留空白*/精品文檔放心下載padding-bottom:10px;/*下邊框留空白*/感謝閱讀padding-left:10px;/*左邊框留空白精品文檔放心下載三、CSS符號屬性：list-style-type:none;/*不編號*/感謝閱讀list-style-type:decimal;/*阿拉伯?dāng)?shù)字*/list-style-type:lower-roman;/*小寫羅馬數(shù)字*/list-style-type:upper-roman;/*大寫羅馬數(shù)字*/list-style-type:lower-alpha;/*小寫英文字母*/list-style-type:upper-alpha;/*大寫英文字母*/list-style-type:disc;/*實(shí)心圓形符號*/list-style-type:circle;/*空心圓形符號*/list-style-type:square;/*實(shí)心方形符號*/list-style-image:url(/dot.gif);/*圖片式符號*/list-style-position:outside;/*凸排*/list-style-position:inside;/*縮進(jìn)*/四、CSS背景樣式：感謝閱讀background-color:#F5E2EC;/*背景顏色*/精品文檔放心下載background:transparent;/*透視背景*/精品文檔放心下載background-image:url(/image/bg.gif);/*背景圖片*/謝謝閱讀background-attachment:fixed;/*浮水印固定背景*/精品文檔放心下載background-repeat:repeat;/*重復(fù)排列-網(wǎng)頁默認(rèn)*/感謝閱讀background-repeat:no-repeat;/*不重復(fù)排列*/精品文檔放心下載background-repeat:repeat-x;/*在x軸重復(fù)排列*/精品文檔放心下載background-repeat:repeat-y;/*在y軸重復(fù)排列*/精品文檔放心下載指定背景位置background-position:90%90%;/*背景圖片x與y軸的位置*/謝謝閱讀background-position:top;/*向上對齊*/謝謝閱讀background-position:buttom;/*向下對齊*/謝謝閱讀background-position:left;/*向左對齊*/感謝閱讀background-position:right;/*向右對齊*/謝謝閱讀background-position:center;/*居中對齊*/精品文檔放心下載五、CSS連接屬性：a/*所有超鏈接*/a:link/*超鏈接文字格式*/a:visited/*瀏覽過的鏈接文字格式*/a:active/*按下鏈接的格式*/a:hover/*鼠標(biāo)轉(zhuǎn)到鏈接*/鼠標(biāo)光標(biāo)樣式：鏈接手指CURSOR:hand十字體cursor:crosshair箭頭朝下cursor:s-resize十字箭頭cursor:move箭頭朝右cursor:move加一問號cursor:help箭頭朝左cursor:w-resize箭頭朝上cursor:n-resize箭頭朝右上cursor:ne-resize箭頭朝左上cursor:nw-resize文字I型cursor:text箭頭斜右下cursor:se-resize箭頭斜左下cursor:sw-resize漏斗cursor:wait光標(biāo)圖案(IE6)p{cursor:url("光標(biāo)文件名.cur"),text;}感謝閱讀六、CSS框線一覽表：border-top:1pxsolid#6699cc;/*上框線*/謝謝閱讀border-bottom:1pxsolid#6699cc;/*下框線*/感謝閱讀border-left:1pxsolid#6699cc;/*左框線*/感謝閱讀border-right:1pxsolid#6699cc;/*右框線*/謝謝閱讀以上是建議書寫方式,但也可以使用常規(guī)的方式如下:border-top-color:#369/*設(shè)置上框線top顏色*/精品文檔放心下載border-top-width:1px/*設(shè)置上框線top寬度*/謝謝閱讀border-top-style:solid/*設(shè)置上框線top樣式*/精品文檔放心下載其他框線樣式solid/*實(shí)線框*/dotted/*虛線框*/double/*雙線框*/groove/*立體內(nèi)凸框*/ridge/*立體浮雕框*/inset/*凹框*/outset/*凸框*/七、CSS表單運(yùn)用：文字方塊按鈕復(fù)選框選擇鈕多行文字方塊下拉式菜單選項(xiàng)1選項(xiàng)2八、CSS邊界樣式：margin-top:10px;/*上邊界*/margin-right:10px;/*右邊界值*/精品文檔放心下載margin-bottom:10px;/*下邊界值*/感謝閱讀margin-left:10px;/*左邊界值*/謝謝閱讀CSS屬性：字體樣式(FontStyle)序號中文說明標(biāo)記語法字體樣式{font:font-stylefont-variantfont-weightfont-sizefont-family}感謝閱讀字體類型{font-family:"字體1","字體2","字體3",...}感謝閱讀字體大小{font-size:數(shù)值|inherit|medium|large|larger|x-large|xx-large|small|smaller|x-small|xx-small}感謝閱讀字體風(fēng)格{font-style:inherit|italic|normal|oblique}謝謝閱讀字體粗細(xì){font-weight:100-900|bold（粗體）|bolder（特粗）|lighter（細(xì)體）|normal（正常）;}感謝閱讀字體顏色{color:數(shù)值;}陰影顏色{text-shadow:16位色值}字體行高{line-height:數(shù)值|inherit|normal;}感謝閱讀字間距{letter-spacing:數(shù)值|inherit|normal}精品文檔放心下載單詞間距{word-spacing:數(shù)值|inherit|normal}精品文檔放心下載字體變形{font-variant:inherit|normal|small-cps}謝謝閱讀英文轉(zhuǎn)換{text-transform:inherit|none|capitalize|uppercase|lowercase}13字體變形{font-size-adjust:inherit|none}14字體感謝閱讀{font-stretch:condensed|expanded|extra-condensed|extra-expanded|inh精品文檔放心下載erit|narrower|normal|semi-condensed|semi-expanded|ultra-condensed|ultra-expanded|wider}謝謝閱讀文本樣式(TextStyle)序號中文說明標(biāo)記語法1行間距{line-height:數(shù)值|inherit|normal;}精品文檔放心下載2文本修飾{text-decoration:inherit|none|underline|overline|line-through|blink}感謝閱讀3段首空格{text-indent:數(shù)值|inherit}感謝閱讀4水平對齊{text-align:left|right|center|justify}謝謝閱讀5垂直對齊{vertical-align:inherit|top|bottom|text-top|text-bottom|baseline|middle|s謝謝閱讀ub|super}6書寫方式{writing-mode:lr-tb|tb-rl}感謝閱讀背景樣式序號中文說明標(biāo)記語法1背景顏色{background-color:數(shù)值}感謝閱讀背景圖片{background-image:url(URL)|none}感謝閱讀背景重復(fù){background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}4背景固定{background-attachment:fixed|scroll}謝謝閱讀5背景定位{background-position:數(shù)值|top|bottom|left|right|center}謝謝閱讀背影樣式{background:背景顏色|背景圖象|背景重復(fù)|背景附件|背景位置}框架樣式(BoxStyle)謝謝閱讀序號中文說明標(biāo)記語法邊界留白{margin:margin-topmargin-rightmargin-bottommargin-left}謝謝閱讀補(bǔ)白{padding:padding-toppadding-rightpadding-bottompadding-left}精品文檔放心下載邊框?qū)挾葅border-width:border-top-widthborder-right-widthborder-bottom-widthborder-left-width}謝謝閱讀寬度值：thin|medium|thick|數(shù)值4邊框顏色{border-color:數(shù)值數(shù)值數(shù)值數(shù)值}數(shù)值：分別代表top、right、bottom、left顏色值5邊框風(fēng)格{border-style:none|hidden|inherit|dashed|solid|double|inset|outset|ridge|groove}謝謝閱讀6邊 框{border:border-widthborder-stylecolor}謝謝閱讀上邊框{border-top:border-top-widthborder-stylecolor}右邊框{border-right:border-right-widthborder-stylecolor}謝謝閱讀下邊框{border-bottom:border-bottom-widthborder-stylecolor}左邊框{border-left:border-left-widthborder-stylecolor}7寬度{width:長度|百分比|auto}謝謝閱讀8高 度{height:數(shù)值|auto}9漂 浮{float:left|right|none}精品文檔放心下載10清 除{clear:none|left|right|both}感謝閱讀分類列表序號中文說明標(biāo)記語法1控制顯示{display:none|block|inline|list-item}精品文檔放心下載2控制空白{white-space:normal|pre|nowarp}精品文檔放心下載3符號列表{list-style-type:disc|circle|square|decimal|lower-roman|upper-roman|low感謝閱讀er-alpha|upper-alpha|none}感謝閱讀4圖形列表{list-style-image:URL}精品文檔放心下載5位置列表{list-style-position:inside|outside}精品文檔放心下載6目錄列表{list-style:目錄樣式類型|目錄樣式位置|url}精品文檔放心下載7鼠標(biāo)形狀{cursor:hand|crosshair|text|wait|move|help|e-resize|nw-resize|w-resize|s-謝謝閱讀resize|se-resize|sw-resize}謝謝閱讀CSS屬性大全[背景]屬性共有六項(xiàng)：「背景顏色」（background-color），設(shè)置背景顏色。精品文檔放心下載「背景圖像」（background-image），設(shè)置網(wǎng)頁背景圖像。感謝閱讀「重復(fù)」（background-repeat），控制背景圖像的平鋪方式，有不重復(fù)感謝閱讀（no-repeat）、重復(fù)（repeat，沿水平、垂直方向平鋪）、橫向重復(fù)（repeat-X，圖像沿水平方向平鋪）和縱向重復(fù)（repeat-Y，沿圖像垂直方向平鋪）等4種選擇。謝謝閱讀「附加」（background-attachment），用于控制背景圖像是否會隨頁面的滾動而一起滾動。有固定（fixd，文字滾動時(shí)，背景圖像保質(zhì)固定）和滾動（scroll，背景圖像隨文字內(nèi)容一起滾動）兩種選擇。謝謝閱讀「水平位置」/「垂直位置」（background-position），確定背景圖像的水平、精品文檔放心下載垂直位置。共有左對齊（left）、右對齊（right）、頂部（top）、底部（bottom）、居中（center）和值（自定義背景圖像的起點(diǎn)位置，可使用戶對背景圖像的位置做出更精確的控制）等6種選擇。謝謝閱讀[類型]屬性共有九項(xiàng)：「字體」（font-family），設(shè)定時(shí)，需考慮瀏覽器中有無該字體。精品文檔放心下載「大小」（font-size），注意度量單位?！复旨?xì)」（font-weight），除了normal（正常）、bold（粗體）、bolder（特粗）、lighter（細(xì)體）外，還有9種以像素為度量為單位的設(shè)置方式。「樣式」（font-style），也就是字型。謝謝閱讀「行高」（line-height），就是行距。注意，行距只能以是字體大小值為謝謝閱讀「變形」（font-variant），可以將正常文字一半尺寸后大寫顯示，但I(xiàn)E目前不支持這項(xiàng)屬性。精品文檔放心下載「大小寫」（text-transform），這項(xiàng)屬性能輕而易舉地控制字母大小寫，有首字大寫（capitalize、大寫（uppercase）、小寫（lowercase）和無（none，使所有繼承文字和變形參數(shù)被忽略，文字將以正常形式顯示）等4種。感謝閱讀「修飾」（text-decoration），用于控制鏈接文本的顯示形態(tài)，有下劃線感謝閱讀（underline）、無下劃線（overline）、刪除線（line-through）、閃爍（blink）和無（none，使上述效果均不會發(fā)生）等5種修飾方式。但I(xiàn)E4不支持文字閃爍。感謝閱讀[區(qū)塊]屬性共有六項(xiàng)：「單詞間距」（word-spacing），主要用于控制文字間相隔的距離。有正常（normal）和值（自定義間隔值）兩種選擇方式。當(dāng)選擇值時(shí)，可用的單位有英吋（in）、厘米（cm）、毫米（mm）、點(diǎn)數(shù)(pt）、12pt字(pc）、字體高（em）、字體x有高（ex）像素（px）。謝謝閱讀「字母間距」（letter-spacing），其作用與字符間距類似，也有正常（normal）和值（自定義間隔值）兩種選擇方式。謝謝閱讀「垂直對齊」（vertical-align），控制文字或圖像相對于其母體元素的垂直位置。如將一個(gè)2×3像素的GIF圖像同其母體元素文字的頂部垂直對齊，則該GIF圖像將在該行文字的頂部顯示。共有基線（baseline，將元素的基準(zhǔn)線同母體元素的基準(zhǔn)線對齊）、下標(biāo)（sub，將元素以下標(biāo)的形式顯示）,上標(biāo)（super，將元素以上標(biāo)的形式顯示）、頂部（top，將元素頂部同最高的母體元素對齊）、文本頂對齊（text-top，將元素的頂部同母體元素文字的頂部對齊）、中線對齊（middle，將元素的中點(diǎn)同母體元素的中點(diǎn)對齊）、底部（bottom，將元素的底部同最低的母體元素對齊）及值（自定義）等9種選擇。謝謝閱讀「文本對齊」（text-align），設(shè)置塊的水平對齊方式。共有左對齊（left）、右對齊（right）、居中（center）和均分（justify）等4種選擇。「文字縮進(jìn)」（text-indent），控制塊的縮進(jìn)程度。謝謝閱讀「空白間距」（white-space），在HTML中，空格是被省略的；在CSS中則使用屬性精品文檔放心下載（white-space）控制空格的輸入。共有正常（normal）、保留（pre）和不換行（nowrap）等3種選擇。謝謝閱讀[邊框]的屬性有3項(xiàng)：「寬」（border-width），控制邊框的寬度，其中分為4個(gè)屬性：border-top-width頂邊框的寬度、border-right-width右邊框的寬度、border-bottom-width底邊框的寬度、border-left-width左邊框的寬度。謝謝閱讀「顏色」（border-color），設(shè)置各邊框的顏色。若要使邊框的四邊顯示不同的顏色，可在設(shè)置中分別列出。如，謝謝閱讀p{:#ff0000#009900#0000ff#55cc00}感謝閱讀瀏覽器將四種顏色依次理解為：上邊框、右邊框、底邊框和左邊框（自上開始順時(shí)針）。感謝閱讀「樣式」（border-style），設(shè)定邊框的樣式，共有無（none）、虛線（dotted）、點(diǎn)劃線線（dotted）、點(diǎn)劃線（dashed）、實(shí)線（solid）、雙線（double）、槽狀（grove）、脊?fàn)睿╮idge）、凹陷（inset）和凸起（outset）等9種。精品文檔放心下載「盒子」屬性共有6項(xiàng)：「寬」（width），確定盒子本身的寬度，可以使盒子的寬度不依靠它所包含的內(nèi)容多少。精品文檔放心下載「高」（height），確定盒子本身的高度。「浮動」（float），設(shè)置塊元素的浮動效果?！盖宄梗╟lear），用于清除設(shè)置的浮動效果?！高吘唷梗╩argin），控制圍繞邊框的邊距大小。其中包含4個(gè)屬性：margin-top控制上邊距的寬度、margin-right控制右邊距的寬度、margin-bottom控制下邊距的寬度、margin-left控制左邊距的寬度。精品文檔放心下載「邊界」（padding），確定圍繞塊元素的空格填充數(shù)量，其中包含4個(gè)屬性「padding-top控制上留白的寬度、padding-right控制右留白的寬度、padding-bottom控制下留白寬度、padding-left控制左留白的寬度。謝謝閱讀[列表]屬性共有3項(xiàng)：「類型」（list-style-type），確定列表每一項(xiàng)前使用的符號，共有圓點(diǎn)（disc）、圓圈（circle）、方形（square）、數(shù)字（decimal）、小寫羅馬數(shù)字（lower-roman）、大寫羅馬數(shù)字（upper-roman）、小寫字母（lower-alpha）和大寫字母（upper－alpha）等8種。謝謝閱讀「項(xiàng)目圖像」（list-style-image），其作用是將列表前面的符號換為圖形。精品文檔放心下載「位置」（list-style-position），用于描述列表位置，有內(nèi)（outside）和外（inside）兩種選擇。謝謝閱讀[定位]屬性共有6項(xiàng)：「類型」（position），用于確定定位的類型，共有絕對（absolute）、相對（relative）和靜態(tài)（static）等3種選擇。謝謝閱讀「Z軸」（z-index），用于控制網(wǎng)頁中塊元素的疊放順序，可為元素設(shè)置重疊效果。該屬性的參數(shù)值使用純整數(shù)，值為0時(shí)，元素在最下層，適用于絕對定位或相對定位的元素。謝謝閱讀「顯示」（visibility）使用該屬性可將網(wǎng)頁中的元素隱藏，共有繼承（精品文檔放心下載inherit，繼承母體要素的可視性設(shè)置）、可見（visible）和隱藏（hidden）等3種選擇。感謝閱讀「溢出」（overflow），在確定了元素的高度和寬度后，如果元素的面積不能全部顯示元素中的內(nèi)容時(shí)，該屬性做一日和尚撞一天鐘起作用了。其中共有可見（visible，擴(kuò)大面積以顯示所有內(nèi)容）、隱藏（hidden，隱藏超出范圍的內(nèi)容）、滾動（scroll，在元素的右邊顯示一個(gè)滾動條）和自動（auto，當(dāng)內(nèi)容超出元素面積時(shí)，顯示滾動條）等4種選擇。感謝閱讀「定位」，當(dāng)為元素確定了絕對定位類型后，該組屬性決定元素在網(wǎng)頁中的具體位置。該組屬性包含4個(gè)子屬性，分別是「左」（屬性名為「left」，控制元素左邊的起始位置）、「上」（屬性名為「top」，控制元素上面的起始位置）、「寬」或「高」（與「盒子」類屬性面板中「寬」或「高」的屬性作用相同）?！讣糨嫛梗╟lip），當(dāng)元素被指定為絕對定位類型后，該屬性可以把元素區(qū)域切成各種形狀，但目前提供的只有方形一種。屬性值為rect(toprightbottomleft)，即：感謝閱讀rect(toprightbottomleft)，屬性值的單位為任何一種長度單位。感謝閱讀[擴(kuò)展]屬性共有兩部分：「分頁」，其中兩個(gè)屬性的作用是為打印的頁面設(shè)置分頁符。「之前」感謝閱讀（break-before）；「之后」（break-after）。精品文檔放心下載「視覺效果」，其中兩個(gè)屬性的作用是為網(wǎng)頁中的元素施加特殊效果?！腹鈽?biāo)」（cusor），可以指定在某個(gè)元素上要使用的光標(biāo)形狀，共有15種選擇方式，分別代表鼠標(biāo)在Windows操作系統(tǒng)中的各種形狀。另外它還可以指定指針圖標(biāo)的URL地址；「濾鏡」（fiter），可以為網(wǎng)頁中元素施加各種奇妙的濾鏡效果，共包含有16種濾鏡精品文檔放心下載字體屬性：(font)大小{font-size:x-large;}(特大)xx-small;(極小)一般中文用不到，只要用數(shù)值就可以，單位：PX、PD感謝閱讀樣式{font-style:oblique;}(偏斜體)italic;(斜體)normal;(正常)謝謝閱讀行高{line-height:normal;}(正常)單位：PX、PD、EM感謝閱讀粗細(xì){font-weight:bold;}(粗體)lighter;(細(xì)體)normal;(正常)謝謝閱讀變體{font-variant:small-caps;}(小型大寫字母)normal;(正常)謝謝閱讀大小寫{text-transform:capitalize;}(首字母大寫)uppercase;(大寫)感謝閱讀lowercase;(小寫)none;(無)修飾{text-decoration:underline;}(下劃線)overline;(上劃線)謝謝閱讀line-through;(刪除線)blink;(閃爍)謝謝閱讀常用字體：(font-family)"CourierNew",Courier,monospace,"TimesNewRoman",Times,serif,Arial,Helvetica,sans-serif,Verdana感謝閱讀背景屬性：(background)色彩{background-color:#FFFFFF;}感謝閱讀圖片{background-image:url();}精品文檔放心下載重復(fù){background-repeat:no-repeat;}感謝閱讀滾動{background-attachment:fixed;}(固定)scroll;(滾動)感謝閱讀位置{background-position:left;}(水平)top(垂直);簡寫方法{background:#000url(..)repeat感謝閱讀fixedlefttop;}/*簡寫·這個(gè)在閱讀代碼中經(jīng)常出現(xiàn)，要認(rèn)真的研究*/感謝閱讀區(qū)塊屬性：(Block)/*這個(gè)屬性第一次認(rèn)識，要多多研究*/精品文檔放心下載字間距{letter-spacing:normal;}數(shù)值/*這個(gè)屬性似乎有用，多實(shí)踐下*/謝謝閱讀對齊{