網(wǎng)頁(yè)制作css格式模板部分_第1頁(yè)
網(wǎng)頁(yè)制作css格式模板部分_第2頁(yè)
網(wǎng)頁(yè)制作css格式模板部分_第3頁(yè)
網(wǎng)頁(yè)制作css格式模板部分_第4頁(yè)
網(wǎng)頁(yè)制作css格式模板部分_第5頁(yè)
全文預(yù)覽已結(jié)束

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

一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

JS設(shè)置光的位置和強(qiáng)度。

12.Mask：建立透明遮罩

Mask(Color=?)Color：設(shè)置底色，讓對(duì)象遮住底色的部分透明。

13.RevealTrans：建立切換效果

RevealTrans(Duration=?,Transition=?)

Duration：是切換時(shí)間，以秒為單位。

Transtition：是切換方式，可設(shè)置為從0到23。

注意：如果做頁(yè)面間的切換效果，可以在<head>區(qū)加上一行代碼：<Metahttp-equiv=entercontent=revealTrans(Transition=?,Duration=?)>。如果用在頁(yè)面里的元素必須配合JS使用。

14.Shadow：建立另一種陰影效果Shadow(Color=?,Direction=?)Color：是指陰影的顏色。

Direction：是設(shè)置投影的方向，0度代表垂直向上，然后每45度為一個(gè)單位。

15.Wave：波紋效果

Wave(Add=?,Freq=?,LightStrength=?,Phase=?,Strength=?)Add：表示是否顯示原對(duì)象，0表示不顯示，非0表示要顯示原對(duì)象。Freq：設(shè)置波動(dòng)的個(gè)數(shù)。LightStrength：設(shè)置波浪效果的光照強(qiáng)度，從0到100。0表示最弱，100表示最強(qiáng)。Phase：波浪的起始相角。從0到100的百分?jǐn)?shù)值。（例如：25相當(dāng)于90度，而50

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論