CSS,全稱為層疊樣式表(Cascading Style Sheets),是一種用于定義HTML文檔樣式和布局的標記語言。在HTML中使用CSS可以使網頁變得更加美觀、易于維護和優化。
要將CSS加入HTML中,有三種方式:
1. 內聯樣式表:將CSS代碼寫在HTML元素的style屬性中。 例如: <p style="color: red; font-size: 16px;">這是一段使用內聯樣式表的文字</p> 2. 內部樣式表:將CSS代碼寫在HTML文檔的<head>標簽內,使用<style>標簽包裹。 例如: <head> <style> p { color: red; font-size: 16px; } </style> </head> <body> <p>這是一段使用內部樣式表的文字</p> </body> 3. 外部樣式表:將CSS代碼寫在獨立的CSS文件中,然后在HTML文檔中引用。 例如,創建一個名為style.css的文件,寫入以下CSS代碼: p { color: red; font-size: 16px; } 然后在HTML文檔的<head>標簽內使用<link>標簽引用該文件。 例如: <head> <link rel="stylesheet" href="style.css"> </head> <body> <p>這是一段使用外部樣式表的文字</p> </body>
上述三種加入CSS的方式各有優缺點,根據實際需求進行選擇。一般來說,內聯樣式表適用于只對某個元素進行樣式修飾的情況;內部樣式表適用于對整個HTML文檔進行樣式修飾,并且CSS代碼不太長的情況;外部樣式表則適用于對整個網站進行樣式修飾,并且CSS代碼較長的情況,還可以減少HTML文檔的體積,提升頁面加載速度。
下一篇css字體不被選中