外嵌式CSS,就是將CSS樣式表嵌入到HTML文件中的一種CSS編寫方式。它是CSS樣式表最常用的寫法,通過外嵌CSS樣式表,我們可以一次性為整個網站定義樣式,不用每個頁面都寫一遍,更方便維護。
<head> <title>外嵌式CSS</title> <style> body { font-size: 16px; font-weight: bold; } h1 { color: red; text-align: center; font-size: 28px; } </style> </head> <body> <h1>這是一篇關于外嵌式CSS的文章</h1> <p>外嵌式CSS是一種將CSS樣式表嵌入到HTML文件中的寫法,它能為整個網站定義樣式,方便維護。</p> </body>
上面的代碼是一段簡單的外嵌式CSS樣式表,我們可以在<style>標簽中定義CSS樣式,然后在HTML元素中使用這些樣式。比如在上面的代碼中,我們定義了body的字體大小和加粗程度,以及h1元素的顏色、對齊方式和字體大小等,這些樣式都可以應用在<h1>和<p>標簽中。
總之,使用外嵌式CSS能夠更加方便地維護網站的樣式表,避免了在每個HTML文件中都寫一遍樣式的繁瑣操作,提高了編碼效率。
上一篇外聯式css引入怎么寫