嵌入 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+ 浏览量

职业生涯开启您的

获得认证,完成课程

开始
广告
© . All rights reserved.