CSS语法
CSS的基本结构1
CSS的基本结构2
[图1]我们称这段代码的h1为选择器，大括号里面的color:red为声明语句，声明语句又分为color（属性）和red（值）并以:分隔.[图2]当一个选择器有多条声明语句的时候，每条声明语句用分隔符;隔开.
CSS注释
/* 这是一行单行注释 */
/*
这个注释分散
在多个行上面
*/
引入CSS
行内
<h1 style="color: red;">我是红色标题</h1>
- 可以通过给标签中加入
style属性来增加样式. - 这种方法缺点是会
复杂、冗余.
内嵌
<head>
<style type="text/css">
p{
color: red;
}
</style>
</head>
<body>
<h1>我是红色标题</h1>
</body>
- 在
<style>标签内添加样式. - 这种方法在遇到多个页面的时候，会
冗余.
外链
<head>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<h1>我是红色标题</h1>
</body>
/* style.css */
p{
color: red;
}
- 通过
<link>把html文档和css文档链接起来，从外部修改样式.
