css標簽屬性大全

1、css樣式大全(整理版）字體屬性：(font)大小fontsize:xlarge(特大)xxsmall(極小)一般中文用不到，只要用數(shù)值就可以，單位：PX、PD樣式fontstyle:oblique(偏斜體)italic(斜體)nmal(正常)行高lineheight:nmal(正常)單位：PX、PD、EM粗細fontweight:bold(粗體)lighter(細體)nmal(正常)變體fontvariant:smallcaps(小型

2、大寫字母)nmal(正常)大小寫texttransfm:capitalize(首字母大寫)uppercase(大寫)lowercase(小寫)none(無)修飾textdecation:underline(下劃線)overline(上劃線)linethrough(刪除線)blink(閃爍)常用字體：(fontfamily)“CourierNew“Couriermonospace“TimesNewRoman“TimesserifArial

3、HelveticasansserifVerdana背景屬性：(background)色彩backgroundcol:#FFFFFF圖片backgroundimage:url()重復backgroundrepeat:norepeat滾動backgroundattachment:fixed(固定)scroll(滾動)位置backgroundposition:left(水平)top(垂直)簡寫方法background:#000url(..)r

4、epeatfixedlefttop簡寫這個在閱讀代碼中經(jīng)常出現(xiàn)，要認真的研究區(qū)塊屬性：(Block)這個屬性第一次認識，要多多研究字間距l(xiāng)etterspacing:nmal數(shù)值這個屬性似乎有用，多實踐下對齊textalign:justify(兩端對齊)left(左對齊)right(右對齊)center(居中)縮進textindent:數(shù)值px垂直對齊verticalalign:baseline(基線)sub(下標)super(下標)to

5、ptexttopdlebottomtextbottom詞間距wdspacing:nmal數(shù)值空格whitespace:pre(保留)nowrap(不換行)顯示display:block(塊)inline(內嵌)listitem(列表項)runin(追加部分)compact(緊湊)marker(標記)tableinlinetabletablerawgrouptableheadergrouptablefootergrouptablerawt

6、ablecolumngrouptablecolumntablecelltablecaption(表格標題)display屬性的了解很模糊方框屬性：(Box)width:height:float:clear:bothmargin:padding:順序：上右下左邊框屬性：(Bder)bderstyle:dotted(點線)dashed(虛線)soliddouble(雙線)groove(槽線)ridge(脊狀)inset(凹陷)outsetb

7、derwidth:邊框寬度bdercol:#簡寫方法bder：widthstylecol簡寫liststyletype:none不編號liststyletype:decimal阿拉伯數(shù)字liststyletype:lowerroman小寫羅馬數(shù)字liststyletype:upperroman大寫羅馬數(shù)字liststyletype:loweralpha小寫英文字母liststyletype:upperalpha大寫英文字母liststy

8、letype:disc實心圓形符號liststyletype:circle空心圓形符號liststyletype:square實心方形符號liststyleimage:url(dot.gif)圖片式符號liststyleposition:outside凸排liststyleposition:inside縮進四、CSS背景樣式：backgroundcol:#F5E2EC背景顏色background:transparent透視背景backg

9、roundimage:url(imagebg.gif)背景圖片backgroundattachment:fixed浮水印固定背景backgroundrepeat:repeat重復排列網(wǎng)頁默認backgroundrepeat:norepeat不重復排列backgroundrepeat:repeatx在x軸重復排列backgroundrepeat:repeaty在y軸重復排列指定背景位置backgroundposition:90%90%背景

10、圖片x與y軸的位置backgroundposition:top向上對齊backgroundposition:buttom向下對齊backgroundposition:left向左對齊backgroundposition:right向右對齊backgroundposition:center居中對齊五、CSS連接屬性：a所有超鏈接a:link超鏈接文字格式a:visited瀏覽過的鏈接文字格式a:active按下鏈接的格式a:hover鼠標