字體屬性：(font)

大小{font-size:x-large;}(特大)xx-small;(極小)一般中文用不到，只要用數值就可以，單位：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)

"Courier New",Courier,monospace,"Times New Roman",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:#000 url(..)repeat fixed left top;}/*簡寫·這個在閱讀代碼中經常出現，要認真的研究*/

區塊屬性：(Block)/*這個屬性第一次認識，要多多研究*/

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

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

縮進{text-indent:數值px;}

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

詞間距word-spacing:normal;數值

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

顯示{display:block;}(塊)inline;(內嵌)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;(表格標題)/*display屬性的了解很模糊*/

方框屬性：(Box)

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

邊框屬性：(Border)

border-style:dotted;(點線)dashed;(虛線)solid;double;(雙線)groove;(槽線)ridge;(脊狀)inset;(凹陷)outset;

border-width:;邊框寬度

border-color:#;

簡寫方法border：width style color;/*簡寫*/

列表屬性：(List-style)

類型list-style-type:disc;(圓點)circle;(圓圈)square;(方塊)decimal;(數字)lower-roman;(小羅碼數字)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%;/*設置行高*/

font-weight:bold;/*文字粗體*/

vertical-align:sub;/*下標字*/

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: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;/*阿拉伯數字*/

list-style-type:lower-roman;/*小寫羅馬數字*/

list-style-type:upper-roman;/*大寫羅馬數字*/

list-style-type:lower-alpha;/*小寫英文字母*/

list-style-type:upper-alpha;/*大寫英文字母*/

list-style-type:disc;/*實心圓形符號*/

list-style-type:circle;/*空心圓形符號*/

list-style-type:square;/*實心方形符號*/

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

list-style-position:outside;/*凸排*/

list-style-position:inside;/*縮進*/

CSS背景樣式：

background-color:#F5E2EC;/*背景顏色*/

background:transparent;/*透視背景*/

background-image:url(/image/bg.gif);/*背景圖片*/

background-attachment:fixed;/*浮水印固定背景*/

background-repeat:repeat;/*重復排列-網頁默認*/

background-repeat:no-repeat;/*不重復排列*/

background-repeat:repeat-x;/*在x軸重復排列*/

background-repeat:repeat-y;/*在y軸重復排列*/

指定背景位置

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/*鼠標轉到鏈接*/

鼠標光標樣式：

鏈接手指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

光標圖案(IE6)p{cursor:url("光標文件名.cur"),text;}

CSS框線一覽表：

border-top:1px solid#6699cc;/*上框線*/

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

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

border-right:1px solid#6699cc;/*右框線*/

以上是建議書寫方式,但也可以使用常規的方式如下:

border-top-color:#369/*設置上框線top顏色*/

border-top-width:1px/*設置上框線top寬度*/

border-top-style:solid/*設置上框線top樣式*/

其他框線樣式

solid/*實線框*/

dotted/*虛線框*/

double/*雙線框*/

groove/*立體內凸框*/

ridge/*立體浮雕框*/

inset/*凹框*/

outset/*凸框*/

以上就是動力節點小編介紹的"css樣式大全"，希望對大家有幫助，想了解更多可查看CSS視頻教程，如有疑問，請在線咨詢，有專業老師隨時為您服務。