網(wǎng)站建設(shè)如何整體改變頁(yè)面風(fēng)格
2011/1/10 15:43:57

  在網(wǎng)站建設(shè)中我們通常需要統(tǒng)一網(wǎng)站的整體風(fēng)格,統(tǒng)一的風(fēng)格大部分關(guān)系到網(wǎng)頁(yè)中文字屬性、網(wǎng)頁(yè)背景色以及鏈接文字屬性等等,如果我們應(yīng)用CSS來(lái)控制這些屬性,會(huì)大大提高網(wǎng)頁(yè)設(shè)計(jì)速度,更加統(tǒng)一網(wǎng)站總體效果。
  偏好元素風(fēng)格的改變
  經(jīng)過(guò)上面的改變有時(shí)不免給您帶來(lái)一定麻煩,如果遇到頁(yè)面中某個(gè)元素,比如突出顯示的文字的字體、字號(hào)以及顏色怎么辦!這里我們就需要再定義一個(gè)新的CSS樣式單來(lái)對(duì)其進(jìn)行控制,右鍵點(diǎn)擊頁(yè)面編輯區(qū),在彈出快捷菜單中點(diǎn)擊“CSS Style/Edit Style Sheet”命令,彈出“Edit Style Sheet”對(duì)話框,選擇列表中的all.css,點(diǎn)擊“New”按鈕,在彈出的“New Style”對(duì)話框中選擇“Make Custom Style(class)”的“Type”類型定義一個(gè)自己偏好的CSS控制。如果想更改頁(yè)面中某一元素的屬性,選中它然后右鍵單擊“CSS Styles”面板中“Apply Styles”中剛才定義的CSS,執(zhí)行“Apply”命令就可以了。
  統(tǒng)一控制超級(jí)鏈接
  超級(jí)鏈接也是網(wǎng)頁(yè)中經(jīng)常使用的,而網(wǎng)頁(yè)的鏈接色默認(rèn)都是藍(lán)色,雖然可以更改,但單一色彩在不同背景色的網(wǎng)頁(yè)上顯示就不是那么奏效了,我們來(lái)看一下如何用CSS控制網(wǎng)頁(yè)實(shí)現(xiàn)不同的個(gè)性鏈接顏色。在“New Style”對(duì)話框中,選擇“Use CSS Selector”的“Type”類型,在“Selector”下拉框中會(huì)列出“a:link(鏈接屬性)”、“a:hover(鼠標(biāo)移動(dòng)到鏈接上的屬性)”、“a:visited(鏈接被訪問(wèn)后屬性)”、“a:active(鏈接焦點(diǎn)狀態(tài)下的屬性)”4個(gè)選項(xiàng),這4個(gè)選項(xiàng)的設(shè)置會(huì)控制網(wǎng)頁(yè)中所有的鏈接的屬性,我們可以分別定義這4個(gè)屬性,然后添加到“CSS Style”面板中與默認(rèn)設(shè)置不同的CSS控制中,再將其“Apply”到需要改變的鏈接上就實(shí)現(xiàn)了。如果將“Hover”的字體設(shè)置的比“Link”稍微大一點(diǎn),就會(huì)出現(xiàn)鼠標(biāo)移動(dòng)到鏈接上時(shí)字體變大的效果,試試看是不是很奇妙!
  整體改變頁(yè)面風(fēng)格
  現(xiàn)在網(wǎng)頁(yè)中流行宋體的9pt和10.5pt的字體,按快捷鍵“Shift+F11”打開(kāi)“CSS Style控制面板”,單擊“New Style”按鈕,彈出“New Style”對(duì)話框,復(fù)選“Redefine HTML Tag”的“Type”類型,這時(shí)在Tag處會(huì)出現(xiàn)“body”、“br”、“cite”等選項(xiàng),選擇“body”后確認(rèn)。這樣我們就建立了一個(gè)外掛的CSS文檔,在保存對(duì)話框中保存為all后就進(jìn)入“Style Definition for body in all.css”對(duì)話框。選擇“Category”中的“Type”項(xiàng),定義“Font”為“宋體”、“Size”參數(shù)為“9”,其后的下拉框選擇“Points”、“Color”自定義為喜好顏色就可以了。當(dāng)然還可以選擇“Category”中的“Background”項(xiàng)來(lái)定義“Background”顏色和其他背景屬性。這時(shí)您會(huì)看到頁(yè)面中內(nèi)容的整體改變。

返回列表
返回首頁(yè) 主站蜘蛛池模板: 99久热任我爽精品视频| 一级毛片a女人刺激视频免费| 欧美日韩动态图| 免费的一级黄色片| 色老板在线视频一区二区| 国产欧美在线观看一区二区| 99re热这里只有精品视频| 岳一夜被你要了六次| 久久久99精品免费观看| 曰批全过程免费视频网址| 亚洲成av人片在线观看无| 特级淫片国产免费高清视频| 午夜网站在线观看免费网址免费| 韩国伦理电影我妻子的秘密| 国产精品538一区二区在线| 91麻豆国产极品在线观看洋子 | 欧美另类黑人巨大videos| 国产网址在线观看| WWW国产精品内射熟女| 小sao货求辱骂| 中文字幕乱码无线码在线| 日本午夜小视频| 久久精品国产亚洲av电影| 欧洲a老妇女黄大片| 亚洲国产精品综合久久网各| 深夜a级毛片免费无码| 免费在线色视频| 精品国产一区二区三区免费| 国产91在线看| 色综合久久中文字幕无码| 国产免费131美女视频| 黄页网址在线免费观看| 国产成在线观看免费视频 | 亚洲成aⅴ人片| 嫩草影院一二三| 精品国产乱码久久久久久郑州公司 | 亚洲国产精品自产在线播放| 深夜福利在线免费观看| 日日夜夜天天操| 亚洲成人免费网站| 波多野结衣有一部紧身裙女教师|