Dreamweaver 教程-什么是CSS

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

文件大小:

軟件介紹

為什么要用CSS進行網(wǎng)頁排版

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

（1）HTML網(wǎng)頁排版實例

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)絡科技有限公司</font></p>
 </body>

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

（2）CSS網(wǎng)頁排版實例

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)絡科技有限公司</p>
 </body>

發(fā)表評論(共0條評論)

版權聲明：

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

2 本站將不對任何資源負法律責任，所有資源請在下載后24小時內刪除。

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

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

熱門軟件

最近更新