一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;?/*首字大寫(xiě)*/
text-transform?:?uppercase;?/*英文大寫(xiě)*/
text-transform?:?lowercase;?/*英文小寫(xiě)*/
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;?/*小寫(xiě)羅馬數(shù)字*/
list-style-type:upper-roman;?/*大寫(xiě)羅馬數(shù)字*/
list-style-type:lower-alpha;?/*小寫(xiě)英文字母*/
list-style-type:upper-alpha;?/*大寫(xiě)英文字母*/
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?/*瀏覽過(guò)的鏈接文字格式*/
a:active?/*按下鏈接的格式*/
a:hover?/*鼠標(biāo)轉(zhuǎn)到鏈接*/
鼠標(biāo)光標(biāo)樣式:
鏈接手指CURSOR:?hand
十字體cursor:crosshair
箭頭朝下cursor:s-resize
十字箭頭cursor:move
箭頭朝右cursor:move
加一問(wèn)號(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;?/*右框線*/
以上是建議書(shū)寫(xiě)方式,但也可以使用常規(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?/*凸框*/
七全景、CSS表單運(yùn)用:
文字方塊 按鈕 復(fù)選框選擇鈕多行文字方塊
下拉式菜單選項(xiàng)1選項(xiàng)2
八、CSS邊界樣式:
margin-top:10px;?/*上邊界*/
margin-right:10px;?/*右邊界值*/
margin-bottom:10px;?/*下邊界值*/
margin-left:10px;?/*左邊界值*/
CSS屬性:字體樣式(Font?Style)
序號(hào) 中文說(shuō)明標(biāo)記語(yǔ)法
1字體樣式
{font:font-style?font-variant?font-weight?font-size?font-family}
2字體類型
{font-family:"字體1","字體2","字體3",...}
3字體大小
{font-size:|inherit|?medium|?large|?larger|?x-large|?xx-large|?small|?smaller|?x-small|?xx-small}
4字體風(fēng)格
{font-style:inherit|italic|normal|oblique}
5?{font-weight:100-900|bold|bolder|lighter|normal;}
6字體顏色{color:數(shù)值;}
7陰影顏色{text-shadow:16位色值}
8字體行高{line-height:數(shù)值|inherit|normal;}
9字間距距
{letter-spacing:數(shù)值|inherit|normal}
10單詞間距
{word-spacing:數(shù)值|inherit|normal}
11字體變形
{font-variant:inherit|normal|small-cps?}