html中css樣式標(biāo)簽大全及用法

1、CSS網(wǎng)頁樣式大全如下：字體屬性：(font)大小fontsize:xlarge(特大)xxsmall(極小)一般中文用不到，只要用數(shù)值就可以，單位：PX、PD樣式fontstyle:oblique(偏斜體)italic(斜體)nmal(正常)行高lineheight:nmal(正常)單位：PX、PD、EM粗細(xì)fontweight:bold(粗體)lighter(細(xì)體)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()重復(fù)backgroundrepeat:norepeat滾動backgroundattachment:fixed(固定)scroll(滾動)位置backgroundposition:left(水平)top(垂直)簡寫方法background:#000url(..)r

4、epeatfixedlefttop區(qū)塊屬性：(Block)字間距l(xiāng)etterspacing:nmal數(shù)值對齊textalign:justify(兩端對齊)left(左對齊)right(右對齊)center(居中)縮進(jìn)textindent:數(shù)值px垂直對齊verticalalign:baseline(基線)sub(下標(biāo))super(下標(biāo))toptexttopdlebottomtextbottom詞間距wdspacing:nmal數(shù)值空格w

5、hitespace:pre(保留)nowrap(不換行)顯示display:block(塊)inline(內(nèi)嵌)listitem(列表項(xiàng))runin(追加部分)compact(緊湊)marker(標(biāo)記)tableinlinetabletablerawgrouptableheadergrouptablefootergrouptablerawtablecolumngrouptablecolumntablecelltablecaption(表

6、格標(biāo)題)方框?qū)傩裕?Box)width:height:float:clear:bothmargin:padding:順序：上右下左邊框?qū)傩裕?Bder)bderstyle:dotted(點(diǎn)線)dashed(虛線)soliddouble(雙線)groove(槽線)ridge(脊?fàn)?inset(凹陷)outsetbderwidth:邊框?qū)挾萣dercol:#簡寫方法bder：widthstylecol列表屬性：(Liststyle)list

7、styletype:decimalliststyletype:lowerromanliststyletype:upperromanliststyletype:loweralphaliststyletype:upperalphaliststyletype:discliststyletype:circleliststyletype:squareliststyleimage:url(dot.gif)liststyleposition:outs

8、ideliststyleposition:inside四、CSS背景樣式：backgroundcol:#F5E2ECbackground:transparentbackgroundimage:url(imagebg.gif)backgroundattachment:fixedbackgroundrepeat:repeatbackgroundrepeat:norepeatbackgroundrepeat:repeatxbackground

9、repeat:repeaty指定背景位置backgroundposition:90%90%backgroundposition:topbackgroundposition:buttombackgroundposition:leftbackgroundposition:rightbackgroundposition:center五、CSS連接屬性：aa:linka:visiteda:activea:hover鼠標(biāo)光標(biāo)樣式：鏈接手指CURS