字體屬性：(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)

"Courier New",Courier,monospace,"Times New Roman",Times,serif,Arial,Helvetica,sans-serif,Verdana

背景屬性：(background)

色彩{background-color:#FFFFFF;}

圖片{background-image:url();}

重復(fù){background-repeat:no-repeat;}

滾動(dòng){background-attachment:fixed;}(固定)scroll;(滾動(dòng))

位置{background-position:left;}(水平)top(垂直);

簡(jiǎn)寫方法{background:#000 url(..)repeat fixed left top;}/*簡(jiǎn)寫·這個(gè)在閱讀代碼中經(jīng)常出現(xiàn)，要認(rèn)真的研究*/

區(qū)塊屬性：(Block)/*這個(gè)屬性第一次認(rèn)識(shí)，要多多研究*/

字間距{letter-spacing:normal;}數(shù)值/*這個(gè)屬性似乎有用，多實(shí)踐下*/

對(duì)齊{text-align:justify;}(兩端對(duì)齊)left;(左對(duì)齊)right;(右對(duì)齊)center;(居中)

縮進(jìn){text-indent:數(shù)值px;}

垂直對(duì)齊{vertical-align:baseline;}(基線)sub;(下標(biāo))super;(下標(biāo))top;text-top;middle;bottom;text-bottom;

詞間距word-spacing:normal;數(shù)值

空格white-space:pre;(保留)nowrap;(不換行)

顯示{display:block;}(塊)inline;(內(nèi)嵌)list-item;(列表項(xiàng))run-in;(追加部分)compact;(緊湊)marker;(標(biāo)記)table;inline-table;table-raw-group;table-header-group;table-footer-group;table-raw;table-column-group;table-column;table-cell;table-caption;(表格標(biāo)題)/*display屬性的了解很模糊*/

方框?qū)傩裕?Box)

width:;height:;float:;clear:both;margin:;padding:;順序：上右下左

邊框?qū)傩裕?Border)

border-style:dotted;(點(diǎn)線)dashed;(虛線)solid;double;(雙線)groove;(槽線)ridge;(脊?fàn)?inset;(凹陷)outset;

border-width:;邊框?qū)挾?/p>

border-color:#;

簡(jiǎn)寫方法border：width style color;/*簡(jiǎn)寫*/

列表屬性：(List-style)

類型list-style-type:disc;(圓點(diǎn))circle;(圓圈)square;(方塊)decimal;(數(shù)字)lower-roman;(小羅碼數(shù)字)upper-roman;lower-alpha;upper-alpha;

位置list-style-position:outside;(外)inside;

圖像list-style-image:url(..);

定位屬性：(Position)

Position:absolute;relative;static;

visibility:inherit;visible;hidden;

overflow:visible;hidden;scroll;auto;

clip:rect(12px,auto,12px,auto)(裁切)

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;/*文字右對(duì)齊*/

text-align:left;/*文字左對(duì)齊*/

text-align:center;/*文字居中對(duì)齊*/

text-align:justify;/*文字分散對(duì)齊*/

vertical-align屬性

vertical-align:top;/*垂直向上對(duì)齊*/

vertical-align:bottom;/*垂直向下對(duì)齊*/

vertical-align:middle;/*垂直居中對(duì)齊*/

vertical-align:text-top;/*文字垂直向上對(duì)齊*/

vertical-align:text-bottom;/*文字垂直向下對(duì)齊*/

CSS邊框空白

padding-top:10px;/*上邊框留空白*/

padding-right:10px;/*右邊框留空白*/

padding-bottom:10px;/*下邊框留空白*/

padding-left:10px;/*左邊框留空白

CSS符號(hào)屬性：

list-style-type:none;/*不編號(hào)*/

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í)心圓形符號(hào)*/

list-style-type:circle;/*空心圓形符號(hào)*/

list-style-type:square;/*實(shí)心方形符號(hào)*/

list-style-image:url(/dot.gif);/*圖片式符號(hào)*/

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)頁(yè)默認(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;/*向上對(duì)齊*/

background-position:buttom;/*向下對(duì)齊*/

background-position:left;/*向左對(duì)齊*/

background-position:right;/*向右對(duì)齊*/

background-position:center;/*居中對(duì)齊*/

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

加一問號(hào)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:1px solid#6699cc;/*上框線*/

border-bottom:1px solid#6699cc;/*下框線*/

border-left:1px solid#6699cc;/*左框線*/

border-right:1px solid#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/*凸框*/

以上就是動(dòng)力節(jié)點(diǎn)小編介紹的"css樣式大全"，希望對(duì)大家有幫助，想了解更多可查看CSS視頻教程，如有疑問，請(qǐng)?jiān)诰€咨詢，有專業(yè)老師隨時(shí)為您服務(wù)。