昨天写了一篇关于HTML的，那今天咱就整一个CSS的得嘞（然后大伙都能看到明天我再整一个JavaScript的），咳咳，还是那句话，温故而知新，可以为师矣
一.什么是CSS
CSS就是Cascading Style Sheet，也叫层叠样式表，是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS 不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。它是一组样式设置的规则，用于控制页面的外观样式，CSS实现了内容与样式的分离，为团队开发提供了便利
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
CSS 定义如何显示 HTML 元素，就像 HTML 中的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中，我们只需要编辑一个简单的 CSS 文档然后引用该文档就可以改变所有页面的布局和外观。
二.CSS的语法
CSS规则由两个主要的部分构成：选择器以及一条或多条声明，有一说一，我个人认为这个声明的样式有点类似我们平时使用的JSON类型，而我们要使用CSS，不仅要熟记一些常用的属性类型，也要会使用工具查询一些我们不熟悉的属性（个人体会）
CSS的注释格式为
/* 注释 */
一开始我试着使用双斜线和井号，但是都不对，后来一查才知道要用斜线星号，不过这种小细节也不用太多深究
三.CSS的三种样式
CSS有三种常见的样式，分别是外联式、内嵌式和行内式，不过我个人习惯使用外联式，看着干净清爽，而另外两个虽然写着方便，但可读性会差点
外联样式表
<!DOCTYPE html>
<html>
<head>
<title>外部样式表</title>
<link rel="stylesheet" type="text/css" herf="direction:\example.css">---通过herf连接到example.css文件
</head>
<body>
<h1>层叠样式表</h1>
</body>
</html>
h1{color: red;}
h1{text-align: center;}
h1{color:red; text-align: center;}
内嵌样式表
<!DOCTYPE html>
<html>
<head>
<title>内嵌样式表</title>
</head>
<body>
<h1 style="color: red; text-align: right;"></h1>
</body>
</html>
行内样式表
<!DOCTYPE html>
<html>
<head>
<title>行内样式表</title>
<style type="text/css">
h1{color: pink; text-align: center;}
</style>
</head>
<body>
<h1>层叠样式表之内部样式表</h1>
</body>
</html>
