嵌入 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 型別)。這是必需屬性。
媒體
螢幕
電傳打字機終端
電視
投影儀
手持裝置
印表機
盲文
聽覺
全部
指定文件將顯示在哪臺裝置上。預設值為全部。這是可選屬性。


更新時間:2020 年 3 月 4 日

6000+ 瀏覽量

職業生涯開啟您的

獲得認證,完成課程

開始
廣告