CSS(層疊樣式表)是一種用于網(wǎng)頁(yè)設(shè)計(jì)的樣式表語(yǔ)言。它可以控制 HTML 文檔的布局、顏色、字體等方面,讓網(wǎng)頁(yè)更加美觀、易于閱讀。
要添加 CSS 樣式,首先需要編寫(xiě)樣式表。可以在 HTML 文件中使用<style>標(biāo)簽,也可以將 CSS 代碼保存為外部文件,使用<link>標(biāo)簽引用。
下面是一個(gè)簡(jiǎn)單的樣式表示例:
p { color: red; font-size: 16px; margin-bottom: 10px; }
這段代碼的作用是將所有的<p>標(biāo)簽的文字顏色改為紅色,字體大小改為 16 像素,底部留出 10 像素的空白。
在 HTML 文件中使用樣式表方式如下:
<html> <head> <style> p { color: red; font-size: 16px; margin-bottom: 10px; } </style> </head> <body> <p>這是一段文字。</p> </body> </html>
使用<link>標(biāo)簽引用外部樣式表的方式如下:
<html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <p>這是一段文字。</p> </body> </html>
在<link>標(biāo)簽中,href 屬性指定外部樣式表文件的 URL,rel 屬性值為 stylesheet 表示該文件是樣式表。
以上就是添加 CSS 的基本方法,通過(guò)調(diào)整樣式表中的 CSS 屬性值,可以實(shí)現(xiàn)更多的頁(yè)面效果。需要注意的是,應(yīng)當(dāng)遵循 CSS 的語(yǔ)法規(guī)則,避免語(yǔ)法錯(cuò)誤導(dǎo)致樣式不生效。