網站建設如何整體改變頁面風格
2011/1/10 15:43:57

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

返回列表
返回首頁 主站蜘蛛池模板: 日韩欧美久久一区二区| 调教办公室在线观看| 天天看天天摸色天天综合网| 久久人人爽人人爽av片| 欧美日韩精品久久久免费观看| 四虎永久免费地址在线网站| 久久亚洲精品专区蓝色区| 国自产偷精品不卡在线| 一区二区在线视频免费观看| 日产精品卡一卡2卡三卡乱码工厂| 亚洲中久无码永久在线观看同| 中文字幕乱码中文乱码51精品| 欧美日在线观看| 人妻大战黑人白浆狂泄| 精品福利一区二区三区免费视频| 国产国产人免费人成免费视频| 你懂的视频在线| 欧美国产在线观看| 四虎影视永久免费观看网址| 香蕉国产人午夜视频在线| 国产真实老熟女无套内射| 67194久久| 成人一区专区在线观看| 久久久99精品免费观看| 日韩专区第一页| 亚洲AV色吊丝无码| 欧美人与牲动交xxxx| 亚洲综合区小说区激情区| 粉色视频在线观看www免费| 四虎成年永久免费网站| 青草视频免费看| 国产成人av一区二区三区不卡 | 99精品在线视频观看| 少妇性俱乐部纵欲狂欢少妇| 丰满少妇被猛烈高清播放| 日韩不卡手机视频在线观看| 二区久久国产乱子伦免费精品| 欧美人与性动交α欧美精品| 亚洲欧美一区二区三区孕妇| 永久免费观看的毛片的网站| 人与禽交zozo|