嵌入 CSS 的示例
使用名為嵌入式 CSS 的 <style> 元素將 CSS 規則放入 HTML 文件中。該標籤置於 <head>...</head> 標籤內。使用此語法定義的規則將應用於文件中所有可用的元素。
以下是基於上述語法的嵌入式 CSS 的示例
<!DOCTYPE html> <html> <head> <style media = "all"> body { background-color: orange; } h1 { color: yellow; margin-left: 30px; } </style> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html>
以下是屬性
屬性 | 值 | 描述 |
---|---|---|
型別 | text/css | 將樣式表語言指定為內容型別 (MIME 型別)。這是必需屬性。 |
媒體 | 螢幕 電傳打字機終端 電視 投影儀 手持裝置 印表機 盲文 聽覺 全部 | 指定文件將顯示在哪臺裝置上。預設值為全部。這是可選屬性。 |
廣告