如何学习
- CSS是什么
- CSS怎么用
- CSS选择器（重点+难点）
- 美化网页（文字、阴影、超链接、列表、渐变…）
- 盒子模型
- 浮动
- 定位
- 网页动画（特效效果）
什么是CSS
Cascading Style Sheet 层叠级联样式表
CSS：表现（美化网页）
CSS的发展史
CSS1.0：
CSS2.0：DIV（块）+CSS，HTML与CSS结构分离的思想，网页变得很简单
CSS2.1：浮动，定位
CSS3.0：圆角，阴影，动画…浏览器兼容性
首先建好标准的目录
初步学习
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--规范：style可以编写css的代码，每一个声明最好使用分号结尾
语法：
选择器{
声明一；
声明二；
声明三；
}
-->
<style>
h1{
color: aqua;
}
</style>
</head>
<body>
<h1>
标题一
</h1>
</body>
</html>
生成样式
代码存放规范化(HTML和CSS分离)
这个语句实现二者之间的连接
<link rel="stylesheet" href="css/style.css">
HTML代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--规范：style可以编写css的代码，
每一个声明最好使用分号结尾
语法：
选择器{
声明一；
声明二；
声明三；
}
-->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<h1>
标题一
</h1>
</body>
</html>
CSS代码
h1{
color: aqua;
}
CSS的优势
- 内容和表现分离
- 网页结构表现统一，可以实现复用
- 样式十分丰富
- 建议使用独立于html的css文件
- 利于SEO，容易被搜索引擎收录
