CSS 如何…

当浏览器读取样式表时,它将根据样式表中的信息格式化HTML文档。

插入CSS的三种方法

插入样式表有三种方法:

  • 外部样式表
  • 内部样式表
  • 内联样式

外部样式表

使用外部样式表,您可以通过更改一个文件来更改整个网站的外观!
每个页面必须在元素中包含对外部样式表文件的引用。

示例

外部样式定义在元素中,在HTML页面的部分中:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

外部样式表可以在任何文本编辑器中编写。该文件不应该包含任何html标记。样式表文件必须用.css扩展名保存。
这就是“我的风格”。css文件看起来像:

“mystyle.css”

body {
  background-color: lightblue;
}

h1 {
  color: navy;
  margin-left: 20px;
}

注意:不要在属性值和单元之间添加空格(例如左边框:20 px;)。正确的方法是:左边框:20px;

内部样式表

如果单个页面具有独特的样式,则可以使用内部样式表。

示例

Internal styles are defined within the