CSS(Cascading Style Sheets)即層疊樣式表,是一種定義網頁布局和樣式的語言,與HTML結合使用,使網頁具有更好的表現效果。CSS樣式可以通過多種方式定義。
1. 行內樣式 在HTML標簽內使用style屬性定義樣式,如下所示: <p style="color: red; font-size: 18px;">這是一段紅色加大字號的文字</p> 2. 內部樣式表 在HTML文檔的head標簽內使用style標簽定義樣式,如下所示: <head> <style> p { color: red; font-size: 18px; } </style> </head> <body> <p>這是一段紅色加大字號的文字</p> </body> 3. 外部樣式表 將樣式代碼放入一個獨立的CSS文件,然后在HTML文檔中使用link標簽引入CSS文件,如下所示: 在CSS文件中: p { color: red; font-size: 18px; } 在HTML文檔的head標簽內: <head> <link rel="stylesheet" href="style.css"> </head> <body> <p>這是一段紅色加大字號的文字</p> </body> 4. 導入樣式表 在CSS文件中,使用@import方式導入其他CSS文件,如下所示: 在style1.css中: p { color: red; font-size: 18px; } 在style2.css中: span { text-decoration: underline; } 在HTML文檔的head標簽內: <head> <link rel="stylesheet" href="style1.css"> <style> @import url("style2.css"); </style> </head> <body> <p>這是一段紅色加大字號的文字</p> <span>這是帶下劃線的文本</span> </body>
無論通過哪種方式定義CSS樣式,都可以實現網頁中各個元素的樣式定制,提高網頁整體美觀性和可讀性。