1.CSS介绍
CSS：Cascading Style Sheet 层叠样式表
作用：修饰美化页面元素，实现网页排版布局
2.CSS使用
在HTML文档中使用CSS的三种方式
1.行内样式/内联样式
特点：在具体的标签中使用 syle 属性，引入CSS样式代码
语法：<标签 style="CSS 样式声明">
1.CSS 样式声明/语句
1.对当前元素添加样式
2.语法： CSS 属性:值;（注意分号）
2，注意：CSS样式声明可以是多条
<标签 style="属性:值; 属性:值;">
常见CSS属性
1.设置字体大小
1.属性 font-size
2.取值 以像素为单位的数值，浏览器默认的字体大小是16px，h1大小是32px
<div style="font-size:22px;">22像素的字体这么大</div>
2.设置字体颜色
1.属性：color
2.取值 颜色的英文单词
<div style"color:red;">这是红色的字</div>
3.设置背景颜色
1.background-color
2.颜色的英文单词
<!doctype html>
<html>
<head>
<title>CSS</title>
<meta charset="utf-8">
</head>
<body>
<!--1.行内样式-->
<p>普通文本</p>
<div style="font-size:22px;color:red;background:blue;" >
传说中的蓝底红字
</div>
</body>
</html>
2.文档内嵌/内部样式表
特点：将CSS代码与具体的标签分离，在HTML文档中使用<style></style>标签引入CSS代码
语法：
<style>
选择器1
选择器1
选择器1
</style>
选择器：
1.使用文档内嵌方式引入CSS样式表时，实现了结构与样式分离。需要自己定义选择器来匹配文档中元素，为其应用样式
作用：匹配文档元素为其应用样式
2.语法：
由两部分组成
选择器（符号）{ 属性：值； 属性：值；}
例：标签选择器/元素选择器：使用标签名作为文档符，匹配文档中所有的该标签，并应用样式。
p{
color:green;
font-size:20px;
}
注意：<style></style>可以写在文档任意位置，但基于样式优先原则，写在head标签中。
/*CSS的注释*/
<head>
<style type="text/css">
/*文档内嵌方式*/
/*标签选择器*/
p{
color:yellow;
}
</style>
</head>
3.外链方式/外部样式表
1.定义外部的.css文件,在HTML中引入，真正实现文档与样式表分离。好处是，样式加载失败时，文本还能加载出来。
2.语法：
在外部的样式表中使用选择器定义样式；
在HTML中使用 <link>引入css文件
<link rel="stylesheet" href="URL"> <!--rel表示哪种类型的文件，stylesheet表示是一个样式表-->