網(wǎng)站建設(shè)

服務(wù)器租用

企業(yè)郵箱

虛擬主機(jī)

網(wǎng)站程序

營(yíng)銷推廣

域名注冊(cè)

前端開發(fā)

網(wǎng)站備案

移動(dòng)互聯(lián)網(wǎng)

當(dāng)前位置：創(chuàng)新互聯(lián) >> 常見問題 >> 網(wǎng)站建設(shè) >> 網(wǎng)站制作 >> 如何使用Dreamweaver建立CSS

如何使用Dreamweaver建立CSS

作者：創(chuàng)新互聯(lián) 文章來(lái)源：網(wǎng)站建設(shè)部點(diǎn)擊數(shù)：更新時(shí)間：2010-04-16
　　在我們設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，往往很多頁(yè)面都運(yùn)用的是同一種網(wǎng)頁(yè)風(fēng)格，那么如何將許多網(wǎng)頁(yè)的風(fēng)格格式同時(shí)更新，不用再一頁(yè)一頁(yè)地更新，這成為很多設(shè)計(jì)師們頭疼的問題。現(xiàn)在，小編跟大家介紹一種方法，我們可以將站點(diǎn)上所有的網(wǎng)頁(yè)風(fēng)格都使用一個(gè)CSS文件進(jìn)行控制，只要修改這個(gè)CSS文件中相應(yīng)的行，那么整個(gè)站點(diǎn)的所有頁(yè)而都會(huì)隨之發(fā)生變動(dòng)。
下面是一個(gè)使用建立CSS的簡(jiǎn)單例子，小編以此來(lái)說(shuō)明建立CSS樣式表的步驟。這個(gè)CSS設(shè)置很常用的哦，大家可要看仔細(xì)了呢。
　　這個(gè)例子要達(dá)到這樣的效果，使文字字體為Arial，大小為9點(diǎn)，行高為12，去掉超級(jí)鏈接的下劃線，當(dāng)鼠標(biāo)移到超級(jí)鏈接時(shí)顯示下劃線。具體操作步驟如下：

第一步，通過樣式固定文字為最常用的9點(diǎn)大小。

1、點(diǎn)擊新建樣式按鈕，在彈出的對(duì)話框上選擇中間的一項(xiàng)RedifineHTMLTag
2、在下拉選框中選擇p，單擊OK鈕
3、這時(shí)會(huì)彈出CSS屬性設(shè)置對(duì)話框。在這個(gè)對(duì)話框中，在Font中選擇Arial，Size是字體大小，在后面選擇9，單位選擇points，這樣就設(shè)置字體為9點(diǎn)。
4、Line在（行高）中設(shè)置為12。
5、設(shè)置完成后點(diǎn)擊OK按鈕。
現(xiàn)在頁(yè)面的文字達(dá)到了要求的效果。以上是針對(duì)p標(biāo)記的，然后td、input、li、select等標(biāo)記重復(fù)以上操作。

第二步，去掉超級(jí)鏈接的下劃線，并改變其顏色。

1、點(diǎn)擊新建樣式按鈕，在彈出的對(duì)話框上選擇中間的一項(xiàng)RedifineHTMLTag，在下拉選框中選擇a。
2、點(diǎn)擊OK按鈕，彈出CSS屬性設(shè)置對(duì)話框，在decoration后選擇none，再設(shè)置一下顏色。
3、點(diǎn)擊OK按鈕。
這時(shí)，頁(yè)面上的超級(jí)鏈接變成了需要的效果。

第三步，可以通過設(shè)置，使當(dāng)鼠標(biāo)移過超級(jí)鏈接時(shí)，顯示下劃線。

1、點(diǎn)擊新建樣式按鈕，在彈出的對(duì)話框上選擇最下面的一項(xiàng)UseCSSSelector，在下拉選框中選擇a:hover。
2、點(diǎn)擊OK按鈕，彈出CSS屬性設(shè)置對(duì)話框。
3、在decoration后選擇under-line。
4、再設(shè)置一下顏色。然后點(diǎn)擊OK按鈕。

　　最后，按下F12鍵預(yù)覽這個(gè)頁(yè)面，移動(dòng)鼠標(biāo)到超級(jí)鏈接之上，即顯示出下劃線。如果你操作的最后效果不是這樣，那你可就要往回重新檢查一下步驟了哦，成都創(chuàng)新互聯(lián)網(wǎng)站建設(shè)竭誠(chéng)為您的網(wǎng)站排憂解難！
網(wǎng)站設(shè)計(jì)：哪些情況會(huì)降低用戶體驗(yàn)值 :上一篇
什么網(wǎng)站算好站? :下一篇

7 8 9 10 常見問題 2 3 4 5 6 | 熱門搜索

服務(wù)電話：028-86922220 13518219792 公司地址：成都市太升南路288號(hào)錦天國(guó)際A幢10樓2號(hào)
企業(yè)郵箱：service@cdxwcx.com 版權(quán)所有：成都創(chuàng)新互聯(lián)科技有限公司蜀ICP備13010860號(hào) 成都網(wǎng)站建設(shè)

如何使用Dreamweaver建立CSS

網(wǎng)站制作相關(guān)文章