內嵌 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 型別)。這是一個必需屬性。
media
screen
tty
tv
projection
handheld
print
braille
aural
all
指定文件將顯示的裝置。預設值為 all。這是一個可選屬性。


更新時間:2020 年 3 月 4 日

6.0k+ 閱讀數

開啟你的 事業

完成課程以獲得認證

立即開始
廣告
© . All rights reserved.