長春網(wǎng)絡公司專業(yè)長春網(wǎng)站建設、網(wǎng)站制作、網(wǎng)站設計,免費優(yōu)化推廣!電話:18943130809

本公司注冊商標:同信網(wǎng)絡?

建站中CSS樣式表常見的兩種使用方法

欄目:建站常識 發(fā)布時間:2021-02-24

<  

  一、 去除超級鏈接的下劃線以及在超級鏈接上實現(xiàn)鼠標懸停變色:
在默認情況下,用DreamWeaver設計的網(wǎng)頁中的超級鏈接都有下劃線,看上去不大美觀。要去除這些討厭的下劃線,很多報刊介紹的方法都是在HTML源代碼中手工加入一段代碼,切實在DreamWeave中很輕易去除鏈接的下劃線。首先在DreamWeaver的Document Windows中隨便樹破一個鏈接,你可能看到這個鏈接會有下劃線。怎么去除這條下劃線呢
1.在點擊菜單欄上的"Text"|"CSS Styles"| "Edit Style Sheet&hellip;"(或者直接按快捷鍵Ctrl+shift+E),調出Edit Style Sheet(編輯款式表)對話框窗口。
2.點擊"New (新建)&quot;而后在"New Style (新款式)"對話框中,點擊"Use CSS Selector"按鈕。
3.在Selector欄中鍵入a, 而后點OK。
4.隨后彈出"CSS 款式定義"對話框,在Type類的decoration(裝潢)中,勾選none,而后點OK,再點Done。你將破刻在Document Windows中發(fā)明鏈接的下劃線已經(jīng)消散了。那么又怎么實現(xiàn)當鼠標懸停在鏈接上時鏈接變色呢?重復上述步驟中的的第
  一、第二步。而后點選Selector旁的下拉箭頭,抉擇"a:hover",再點OK。在隨后彈出的 "Style definition for a: hover"對話框中,在Type類的color中任意抉擇一種色彩(比方抉擇紅色),而后點OK,再點Done便實現(xiàn)了。按F12預覽,將鼠標放在鏈接上,該鏈接是不是變成了紅色?假如在方才的"Style definition for a: hover"對話框中,在Backgroud(背景)類里,抉擇backgroud的色彩為綠色,那么當你把鼠標放在超級鏈接上時,豈但鏈接會變成紅色,而且還會有綠色的背景。事實上,通過方才的CSS 款式定義對話框,你還可能實現(xiàn)更多的特殊后果,有興趣的友人不妨去好好琢磨一下。

  二、創(chuàng)建可重復利用的外部CSS款式表
用DreamWeaver在某網(wǎng)頁中創(chuàng)建了一種CSS款式后,假如你要在另外的網(wǎng)頁中利用該款式,你不必從新創(chuàng)建該CSS款式,只有你創(chuàng)建了外部CSS款式表文件(external CSS style sheet),你便可能在今后任意調用該款式表文件中的款式。網(wǎng)站設計準備工作相當重要,這決定你建站的目的,以及日后維護網(wǎng)站,讓你的網(wǎng)站發(fā)揮作用等是相當?shù)闹匾榱吮阌谥卫?,先在站點所在文件夾中,新建一個文件夾,取名為CSS,專門用于放置外部款式表文件(其擴大名為css)。
1、在Document Window中按Ctrl+shift+E,調出Edit Style Sheet(編輯款式表)對話框窗口
2、點擊"link"。
3、在彈出的Link External Style Sheet(鏈接外部款式表)對話框,點BROWSE,找到方才創(chuàng)建的CSS文件夾。
4、在Select Stylesheet File (抉擇款式表文件)窗口"文件名"欄中,鍵入*.css (*可能為任意名),請留神,事實上此時在CSS文件夾中并無款式表文件,在"文件名"欄中鍵入的新名字將成為外部款式表新文件的名字。網(wǎng)站建設前期準備包括了前期網(wǎng)站定位、內容差異化、頁面溝通等戰(zhàn)略性調研,這些確立后,再去注冊域名、租用空間、網(wǎng)站風格設計、網(wǎng)站代碼制作五個部分,這個過程需要網(wǎng)站策劃人員、美術設計人員、WEB程序員共同完成。昆山網(wǎng)站制造比方鍵入title.css,,而后點Select | OK。
5、在Edit Style Sheet(編輯款式表)對話框窗口中,會新增加 title.css (link), 雙擊它。
6、在彈出的"title.css"窗口中,點"New"。
7、在"New Style"對話框中,點選"Make Custom Style (class)"按鈕
8、在Name欄中鍵入某個名字,如myheadline,點OK。網(wǎng)站制作涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。不同領域的網(wǎng)頁設計,網(wǎng)頁圖形設計,界面設計,創(chuàng)作,其中包括標準化的代碼和專有軟件,用戶體驗設計和搜索引擎優(yōu)化。許多人常常會分為若干個工作小組,負責網(wǎng)站不同方面的設計。
9、在接下來的"Style definition for .myheadline in title.css"對話框中,進行字體、色彩等各種設置,實現(xiàn)后點OK。如還要創(chuàng)建新的款式,再點"New",重復方才的步驟6、7、8、9,最后點"save"| "done",于是title.css這個外部款式表文件便創(chuàng)建好了。菜單欄上的"TEXT" |"CSS Styles"子菜單中將會列出title.css中的所有款式。如要在其余網(wǎng)頁中調用這個title.css,只有重復上述1至3步,而后在Select Stylesheet File窗口"文件名"欄中輸入title.css。點"select"| "ok"| "done", title.css中所有的款式便會出當初該網(wǎng)頁菜單欄上的"Text" |"CSS Styles"子菜單中,你將可能在此網(wǎng)頁中利用這些款式。
>

相關鏈接:長春網(wǎng)站建設長春網(wǎng)站制作,長春網(wǎng)站設計,長春做網(wǎng)站長春建網(wǎng)站,長春網(wǎng)站公司,長春網(wǎng)絡公司,http://www.companyconveniencestore.com/