之前几节我们主要学习了HTML常用的元素：文本格式化、列表、链接、图像、视频、音频、表格、表单。今天开始，我们来开始学习HTML样式：CSS知识

什么是CSS

层叠样式表（Cascading Style Sheets，CSS）
HTML： 定义了页面的内容结构。
CSS： 定义了怎样显示HTML元素。这样展示或表现页面。
CSS通过选择器来界定需要样式化的页面内容。

选择器的结构

selector_name{
属性名: 属性值;
属性名: 属性值;
...
}
h1 {
color: red;
font-size: 20px;
}

CSS与HTML结合使用

1. 内嵌
<targName style="propertyName: value;propertyName:
value; ..."> ... </targName>
<h1 style="color: red;font-size: 40px;">1 HTML基础
</h1>
2. 内部引用
在HTML文档的head部分加入
<style type="text/css">
selector_name{
属性名: 属性值;
属性名: 属性值;
...
}
</style>
<style type="text/css">
h2{
color: blue;
background-color: black;
}
</style>
3. 外部引用
1)将样式存放在外部的一个文本文档中，扩展名为 .css
2)在HTML文档的head部分加入
<link rel="stylesheet" type="text/css"
href="outer.css">
优先级：
内嵌 > 内部引用 > 外部引用 > 浏览器默认
chrome:
内嵌 > 根据内部引用、外部引用出现的先后顺序 > 浏览器默认

下一节我们将介绍知识:CSS常用选择器、组合方式与具体性、颜色、文本