Dreamweaver 教程-什么是CSS

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

文件大小:

軟件介紹

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

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

(1)HTML網(wǎng)頁排版實(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>



image.png

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

(2)CSS網(wǎng)頁排版實(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>


image.png

發(fā)表評(píng)論(共0條評(píng)論)
請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī),評(píng)論內(nèi)容只代表網(wǎng)友觀點(diǎn),發(fā)表審核后顯示!

版權(quán)聲明:

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

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

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

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

返回頂部