HTML 和 CSS 是網(wǎng)頁(yè)制作中最基本的兩個(gè)語(yǔ)言,它們的結(jié)合可以使網(wǎng)頁(yè)變得更加美觀、直觀。下面介紹一些如何結(jié)合 HTML 和 CSS 的方法。
<html> <head> <title>我的網(wǎng)頁(yè)</title> <style> /* CSS 代碼 */ body { background-color: #f2f2f2; } h1 { color: blue; text-align: center; } </style> </head> <body> <h1>歡迎來(lái)到我的網(wǎng)頁(yè)</h1> <p>這是一段文字,它可以在這里隨便寫(xiě),比如</p> <p>這是第二段文字,它可以用不同的樣式顯示</p> <p style="color:red;">這是紅色的字</p> <p>還可以嵌套在其他標(biāo)簽里,比如</p> <div> <p>這是在 div 標(biāo)簽里的文字</p> </div> </body> </html>
在上面的代碼中,使用了 style 標(biāo)簽來(lái)定義 CSS 樣式。這里定義了 body 和 h1 的樣式,可以看到,body 的背景顏色為 #f2f2f2,h1 的顏色為藍(lán)色,且文字居中顯示。在 body 中,我們放置了一些 p 標(biāo)簽,可以在這些標(biāo)簽中加入文字。同時(shí),我們還可以使用 style 屬性給某些 p 標(biāo)簽單獨(dú)設(shè)置樣式。比如,第三個(gè) p 標(biāo)簽的文字顏色為紅色。
還可以使用嵌套標(biāo)簽的方式來(lái)更改樣式。在上面的代碼中,我們可以看到一個(gè) div 標(biāo)簽,其中包含了一個(gè) p 標(biāo)簽。這個(gè) p 標(biāo)簽繼承了 div 的樣式,因此文字居中顯示。
綜上所述,HTML 和 CSS 的使用能讓我們制作出更加美觀、可讀性更強(qiáng)的網(wǎng)頁(yè)。
下一篇如何禁用特定css