Dreamweaver 教程-什么是CSS

2022-05-05發(fā)布者：ylm大?。?/span> 下載：0

文件大小:

軟件介紹

為什么要用CSS進(jìn)行網(wǎng)頁(yè)排版

為了讓大家明白CSS的作用，以及為什么要用CSS代替HTML表格進(jìn)行網(wǎng)頁(yè)排版，下面通過(guò)一個(gè)實(shí)例向大家講解。其中一個(gè)頁(yè)面通過(guò)HTML進(jìn)行格式化，另一個(gè)頁(yè)面通過(guò)CSS進(jìn)行格式化。為了讓大家熟悉DW操作，以下操作均在Dreamweaver中進(jìn)行。

（1）HTML網(wǎng)頁(yè)排版實(shí)例

HTML代碼如下所示：

<body>
 <h1><font face="Verdana" size="5" color="green">下載吧</font></h1>
 <p> <font face="Verdana" size="4" color="blue">下載吧CSS教程</font></p>
 <h1><font face="Verdana" size="5" color="green">xiazaiba</font></h1>
 <p> <font face="Verdana" size="4" color="blue">xiazaiba all rights reserved.</font></p>
 <h1><font face="Verdana" size="5" color="orange">瓦力旗下</font></h1>
 <p> <font face="Verdana" size="4" color="blue">廣東瓦力網(wǎng)絡(luò)科技有限公司</font></p>
 </body>

用單詞“orange”替換“瓦力旗下”前的“green”，點(diǎn)擊“視圖”窗口，文本現(xiàn)在將顯示為橙色。從以上實(shí)例可見(jiàn)，通過(guò)HTML格式化網(wǎng)頁(yè)不僅繁瑣還容易出錯(cuò)。

（2）CSS網(wǎng)頁(yè)排版實(shí)例

HTML代碼如下所示：

<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title>下載吧 CSS示范</title>
 <style type="text/css">
 h1 { font-family: Verdana;
           font-size: 20pt;
           color: green; }
 p  { font-family: Verdana;
           font-size: 12pt;
           color: orange; }
 </style>
 </head>
 <body>
 <h1>下載吧</h1>
 <p>下載吧CSS教程</p>
 <h1>xiazaiba</h1>
 <p>xiazaiba all rights reserved.</p>
 <h1>瓦力旗下</h1>
 <p>廣東瓦力網(wǎng)絡(luò)科技有限公司</p>
 </body>

發(fā)表評(píng)論(共0條評(píng)論)

最新評(píng)論

點(diǎn)擊加載更多評(píng)論>>

版權(quán)聲明：

1 本站所有資源（含游戲）均是軟件作者、開(kāi)發(fā)商投稿，任何涉及商業(yè)盈利目的均不得使用，否則產(chǎn)生的一切后果將由您自己承擔(dān)！

2 本站將不對(duì)任何資源負(fù)法律責(zé)任，所有資源請(qǐng)?jiān)谙螺d后24小時(shí)內(nèi)刪除。

3 若有關(guān)在線投稿、無(wú)法下載等問(wèn)題，請(qǐng)與本站客服人員聯(lián)系。

4 如侵犯了您的版權(quán)、商標(biāo)等，請(qǐng)立刻聯(lián)系我們并具體說(shuō)明情況后，本站將盡快處理刪除，聯(lián)系QQ:2499894784

熱門(mén)軟件

最近更新