嵌入式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>

以下是属性:

属性
描述
类型
文字/ css
将样式表语言指定为内容类型(MIME类型)。这是必填属性。
媒体
屏幕
tty
电视
投影
手持式
打印
盲文
听觉
所有
指定将在其上显示文档的设备。默认值为全部。这是一个可选属性。