CSS標簽大全(最終整理版)

字體屬性：（font）大小font-size:x-large；（特大）xx-small；（極小）一般中文用不到，只要用數(shù)值就可以，單位：PX、PD樣式font一style:oblique；（偏斜體）italic；（斜體）normal;（正常）行高line一height:normal；（正常）單位：PX、PD、EM粗細font-weight:bold；（粗體）lighter;（細體）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（）；重復background一repeat:no-repeat;滾動background-attachment:fixed;（固定）scroll；（滾動）位置background-position:left（水平）top（垂直）；簡寫方法background:#000url（。）repeatfixedlefttop;區(qū)塊屬性：（Block）字間距l(xiāng)etter-spacing：normal；數(shù)值對劉text一align:justify；（兩端對齊）left；（左對齊）right；（右對齊）center；（居中）縮進text一indent:數(shù)值px;垂直對齊vertical-align：baseline；（基線）sub;（下標）super;（下標）top；text一top;middle;bottom;text-bottom；詞間距word一spacing:normal；數(shù)值空格white一space：pre；（保留）nowrap;（不換行）顯示display：block；（塊）inline；（內(nèi)嵌）list一item;（列表項）run-in;（追加部分）compact;（緊湊）marker;（標記）table;inline一table；table一raw-group；table-header一group；table一footer-group；table一raw；table一column-group;table-column；table一cell；table一caption;（表格標題）方框?qū)傩裕海˙ox）width：；height:；float：;clear：both;margin:；padding:；順序：上右下左邊框?qū)傩?（Border）border-style：dotted（點線）；dashed（虛線）；solid（實線）；double（雙線）；groove（槽線）;ridge；（脊狀）inset;（凹陷）outset;border-width:；邊框?qū)挾萣order—color：#;邊框顏色簡寫方法border簡寫方法border:widthstylecolor;列表屬性：（List-style）類型list一style一type：disc；（圓點）circle;（圓圈）羅碼數(shù)字）upper-roman；lower-alpha;upper一alpha;位置list一style一position：outside;（夕卜）inside；定位屬性：（Position）Position：absolute;relative；static；overflow：visible；hidden;scroll;auto；屬性代碼大全一CSS文字屬性：square；（方塊）decimal;（數(shù)字）lower-roman；（小圖像list一style一image：url（。。）;visibility:inherit；visible；hidden；clip:rect（12px,auto,12px,auto）（裁切）csscolor：#999999；color：#999999；/＊文字顏色＊/font-size:9pt；/*文字大?。?font一variant：small一caps;/水小字體*/line一height:200%;/*設置行高*/vertical-align:sub;/*下標字*/text一align:center;/水文字居中對齊*/vertical-align屬性vertical-align:bottom；/*垂直向下對齊＊/vertical-align：middle；/*垂直居中對齊*/vertical一align：text-top;/*文字垂直向上對齊*/vertical-align:text-bottom;/＊文字垂直向下對齊＊/、CSS邊框空白padding-top：10px；/*上邊框留空白＊/padding-bottom：10px;/＊下邊框留空白*/三、CSS符號屬性：padding一right:10px;/*右邊框留空白*/padding-left：10px;/＊左邊框留空白＊/font-family:宋體,sans—serif;/水文字字體*/font-style：itelic;/*文字斜體＊/letter-spacing：1pt;/*字間距離＊/font一weight:bold；/水文字粗體*/vertical-align:super;/＊上標字*/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:justify；/＊文字分散對齊＊/vertical-align:top;/＊垂直向上對齊*/list一style-type:none;/水不編號*/list一style-type：decimal；/*阿拉伯數(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;/*實心圓形符號＊/list-style-typelist—style-type:disc;/*實心圓形符號＊/list-style-type：square；/*實心方形符號＊/list—style—position：outside;/*凸排*/四、CSS背景樣式：background—color：＃F5E2EC；/＊背景顏色＊/background：transparent；/＊透視背景＊/景圖片＊/background—attachment：fixed;/*浮水印固定背景＊/默認＊/background—repeat：no—repeat;/＊不重復排列＊/復排列*/background一position:buttom;/＊向下對齊*/對齊＊/background-position：right；/*向右對齊＊/中對齊*/五、CSS連接屬性:a/*所有超鏈接＊/a:link/*超鏈接文字格式*/a：active/*按下鏈接的格式*/鼠標光標樣式:鏈接手指CURSOR：hand箭頭朝下cursor:s-resize箭頭朝右cursor:move箭頭朝左cursor:w-resize箭頭朝右上cursor:ne-resize文字I型cursor:text箭頭斜左下cursor：sw-resize光標圖案(IE6)p{cursor：六、CSS框線一覽表：url(”光標文件名。cur"),text；}border一top:1pxsolid#6699cc;/*上框線*/下框線＊/border-left：1pxsolid＃6699cc；/＊左框線*/線*/以上是建議書寫方式,但也可以使用常規(guī)的方式如下:border一top一color:#369/*設置上框線top顏色*/top寬度＊/border-top-style:solid/*設置上框線top樣式*/background一position:left；/*向左background一position:center；/*居a:visited/*瀏覽過的鏈接文字格式*/a:hover/*鼠標轉(zhuǎn)到鏈接*/十字體cursor:crosshair十字箭頭cursormove加一問號cursorhelp箭頭朝上cursor:n一resize箭頭朝左上cursor:nw一resize箭頭斜右下cursorse-resize漏斗cursor:waitborder一bottom:1pxsolid#6699cc；/*border一right:1pxsolid#6699cc;/*右框border-top-width1px/*設置上框線其他框線樣式solid/*實線框*/dotted/*虛線框*/double/*雙線框*/ridge/*立體浮雕框*/inset/*凹框*/outset/*凸框*/七、CSS表單運用groove/*立體內(nèi)凸框*/list—style—type：circle；/*空心圓形符號*/list-style-image：url(/dot.gif);/＊圖片式符號*/list-style-position：inside；/*縮進*/background一image:url(/image/bg。gif)；/*背background—repeat：repeat；/＊重復排列—網(wǎng)頁background一repeat:repeat-x；/*在x車由重background一repeat:repeat一y；/*在y軸重復排列*/指定背景位置background一position:90%90%;/*背景圖片x與y軸的位置*/background-position:top;/水向上對齊*/八、CSS邊界樣式margin一top:10px；/*上邊界*/margin一right:10px;/*右邊界值*/margin一bottom:10px；/*下邊界值*/margin一left:10px；/*左邊界值*/CSS屬性：字體樣式(FontStyle)序號中文說明標記語法字體樣式{font:font一stylefont-variantfont一weightfont一sizefont一family}2字體類型{font—family:”字體1",字體2","字體3”，.。。}字體大小{font-size:數(shù)值丨inheritmedium|large|larger|x-large|xx一large|small|smaller|x-smallIxx一small}字體風格{font-styleinherit|italicInormalIoblique}字體粗細{font一weight:100一900|bold|bolderIlighter|normal；}6字體顏色{color:數(shù)值；}7陰影顏色{text-shadow:16位色值}字體行高{line一height:數(shù)值Iinherit|normal；}字間距{letter一spacing:數(shù)值|inherit|normal}單詞間距{word-spacing:數(shù)值Iinherit|normal}字體變形{font-variant:inheritInormal|small-cps}英文轉(zhuǎn)換{text-transforminheritInoneIcapitalize|uppercaseIlowercase}字體變形{font-size-adjust：inheritlnone}字體{font一stretch:condensedIexpandedlextra—condensedIextra一expandedlinheritInarrowerInormalIsemi一condensedhemi—expandedIultra一condensedIultra一expanded|wider}文本樣式(TextStyle)序號中文說明標記語法行間距{line-height:數(shù)值IinheritInormal;}文本修飾{text-decoration:inheritInone|underlineIoverlineIline-through|blink}段首空格{text-indent:數(shù)值Iinherit}水平對齊{text-align：left|rightIcenterjustify}垂直對齊{vertical一align:inheritItop|bottomItext-topItext-bottom|baseline|middleIsubhuper}書寫方式{writing一mode：lr-tbItb-rl}背景樣式序號中文說明標記語法背景顏色{background-color:數(shù)值}背景圖片{background一image:url(URL)|none}背景重復{background-repeat:inherit|no-repeatIrepeat|repeat一xIrepeat-y}背景固定{background一attachment:fixed|scroll}背景定位{background-position:數(shù)值|top|bottomIleft|rightIcenter}6背影樣式{background:背景顏色|背景圖象I背景重復|背景附件|背景位置}框架樣式(BoxStyle)序號中文說明標記語法邊界留白{margin：margin一topmargin一rightmargin一bottommargin一left}補白{padding：padding-toppadding一rightpadding一bottompadding一left}邊框?qū)挾葅border-width：border一top一widthborder-right-widthborder-bottom一widthborder-left-width}寬度值：thinImediumIthickI數(shù)值4邊框顏色{border-color:數(shù)值數(shù)值數(shù)值數(shù)值}數(shù)值:分別代表top、right、bottom、left顏色值5邊框風格{border一style：none|hidden|inherit|dashedIsolid|double|inset|outset|ridgeIgroove}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}高度{height:數(shù)值Iauto}漂浮{float:leftlrightlnone}清除{clear：noneIleft|rightIboth}分類列表序號中文說明標記語法控制顯示{display:none|blockIinlineIlist-item}控制空白{white-space:normalIpreInowarp}符號列表{list-style一type:disc|circle|square|decimal|lower一romanIupper-roman|lower一alpha|upper一alphalnone}圖形列表{list—style一image:URL}位置列表{list-style-position:insideloutside}6目錄列表{list-st