- 跨媒體信息傳播原理與技術(shù)
- 翟銘
- 422字
- 2020-04-22 16:41:51
三、標(biāo)簽樣式的重新定義
在前述新建CSS樣式時,我們除了可以直接選擇“類”,還可以選擇“標(biāo)簽(重新定義HTML元素)”,如圖2-24所示。

圖2-24 標(biāo)簽樣式重新定義中的標(biāo)簽下拉菜單
這時“選擇器名稱”下拉框中出現(xiàn)了body這個標(biāo)簽,點擊下拉式菜單可以看到,在這個下拉式菜單里,列出了各種現(xiàn)成的HTML標(biāo)簽名。我們可以重新定義HTML現(xiàn)有標(biāo)簽的樣式,如圖2-24所示。
例如,如果我們不喜歡文字鏈接的下畫線,我們可以修改對<a …>標(biāo)簽的定義(圖2-25),把a標(biāo)簽Text-decordtion改成none,如圖2-26所示。

圖2-25 標(biāo)簽樣式定義窗口

圖2-26 標(biāo)簽樣式的修改
看一下新的style.css中的CSS樣式代碼,如圖2-27所示,CSS文件中多了一句:
a{ text-decoration:none; }

圖2-27 標(biāo)簽樣式重新定義的HTML文件
從圖2-28可以看出,“返回首頁”的下畫線已經(jīng)沒有了,而HTML中“<a href="index.html">返回首頁</a>”這條語句沒有任何變化。這就是標(biāo)簽重新定義的結(jié)果。

圖2-28 a標(biāo)簽經(jīng)過樣式重新定義后的顯示結(jié)果
如果你做的網(wǎng)站中大多數(shù)a標(biāo)簽都不希望用下畫線,就應(yīng)該把標(biāo)簽定義為無下畫線的樣式。如果有某類標(biāo)簽需要下畫線,可以用類標(biāo)簽定義的方式再把下畫線加上。
推薦閱讀
- 網(wǎng)站建設(shè)與網(wǎng)頁設(shè)計從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript
- 中文版Dreamweaver CS6/Flash CS6/Photoshop CS6網(wǎng)頁設(shè)計基礎(chǔ)培訓(xùn)
- Pro/ENGINEER三維造型設(shè)計實例精解
- 眾妙之門:網(wǎng)站UI設(shè)計之道2
- Dreamweaver CS6網(wǎng)頁設(shè)計與制作教程
- 網(wǎng)頁設(shè)計與制作Dreamweaver CS6標(biāo)準(zhǔn)教程(第2版)
- jQuery Web開發(fā)案例教程(在線實訓(xùn)版)
- 形·色:網(wǎng)頁設(shè)計法則及實例指導(dǎo)
- ASP快速建站全程實錄
- Highcharts網(wǎng)頁圖表制作實例詳解 (Web開發(fā)典藏大系)
- Vue應(yīng)用程序開發(fā)
- HTML+CSS+JavaScript網(wǎng)頁制作(第2版)
- 秩序之美:網(wǎng)頁中的網(wǎng)格設(shè)計
- Dreamweaver CC網(wǎng)頁設(shè)計從入門到精通(微課精編版)
- 網(wǎng)頁美工設(shè)計基礎(chǔ)教程