網頁布局常用的樣式屬性
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; /*文字垂直向下對齊*/
padding-top:10px; /*上邊框留空白*/
padding-right:10px; /*右邊框留空白*/
padding-bottom:10px; /*下邊框留空白*/
padding-left:10px; /*左邊框留空白
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-; /*凸排*/
list-style-; /*縮排*/
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- 90%; /*背景x與y軸的位置*/
background-; /*向上對齊*/
background-; /*向下對齊*/
background-; /*向左對齊*/
background-; /*向右對齊*/
background-; /*居中對齊*/
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
border-top : 1px dotted #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 /*凸框*/
margin-top:10px; /*上邊界*/
margin-right:10px; /*右邊界值*/
margin-bottom:10px; /*下邊界值*/
margin-left:10px; /*左邊界值*/
字型樣式(font style)
序號 中文說明 標記語法
1 字型樣式
2 字型型別
3 字型大小
4 字型風格
5 字型粗細
6 字型顏色
7 陰影顏色
8 字型行高
9 字 間 距
10 單詞間距
11 字型變形
12 英文轉換
13 字型變形
14 字型
序號 中文說明 標記語法
1 行 間 距
2 文字修飾
3 段首空格
4 水平對齊
5 垂直對齊
6 書寫方式
序號 中文說明 標記語法
1 邊界留白
2 補 白
3 邊框寬度
寬度值： thin|medium|thick|數值
4 邊框顏色 數值：分別代表top、right、bottom、left顏色值
5 邊框風格
6 邊 框
上 邊 框
右 邊 框
下 邊 框
左 邊 框
7 寬 度
8 高 度
9 漂 浮
10 清 除
css 常用屬性
字型屬性 font 大小font size x large 特大 xx all 極小 一般中文用不到，只要用數值就可以，單位 px pd 樣式font style oblique 偏斜體 italic 斜體 normal 正常 行高line height normal 正常 單位 px pd em粗...
CSS常用屬性
css常用屬性 1.color,background color 表示顏色的關鍵字，16進製制數 中提供的color scheme工具 2.font family 該屬性的值可以是一組字型，按喜歡程度排序的字型列表。一些中文字型的列表 windows的一些 新細明體 pmingliu 細明體 min...
css常用屬性
文字屬性 font size font family 字型型別 文字屬性 color text decoration 下劃線 none underline text align 對齊方式 left center right 背景屬性 background color background image...