1.CSS是什么？
CSS，指的是Cascading Style Sheet（层叠样式表），是用来控制网页外观的一门技术。我们知道，前端最核心的3个技术是：HTML、CSS、JavaScript，三者的关系如下。
HTML用于控制网页的结构，CSS用于控制网页的外观，JavaScript控制的是网页的行为
2.二、CSS和CSS3
CSS发展至今，历经CSS1.0、CSS2.0、CSS2.1以及CSS3.0几个版本。其中，CSS2.1是CSS2.0的修订版，CSS3.0是CSS的最新版本。
很多初学者都有一个疑问：“现在都CSS3的时代了，CSS2不是被淘汰了吗，为什么还要学CSS2呢？”这个误区非常严重，曾经误导绝大多数的初学者。其实，我们现在所说的CSS3，一般指的是相对于CSS2“新增加的内容”，并不是说CSS2被淘汰了。准确来说，你要学的CSS其实等于CSS2加上CSS3。本书介绍的是CSS2.1，对于CSS3新增的技术，小伙伴们可以关注“从0到1系列”的《从0到1：HTML5+CSS3修炼之道》这本书。
3.CSS引入方式
想要在一个页面引入CSS，共有以下3种方式。
- （1）外部式表
- （2）内部样式表样
- （3）行内样式表
4.外部样式表
外部样式表是最理想的CSS引入方式。在实际开发中，为了提升网站的性能速度和可维护性，一般都是使用外部样式表。所谓的外部样式表，指的是把CSS代码和HTML代码都单独放在不同文件中，然后在HTML文档中使用link标签来引用CSS样式表。
当样式需要被应用到多个页面时，外部样式表是最理想的选择。使用外部样式表，你就可以通过更改一个CSS文件来改变整个网站的外观。
在HBuilder创建一个CSS文件很简单，就像创建HTML文件一样。如果不知道怎么创建的，自己摸索一下或者搜索一下。
外部样式表在单独文件中定义，然后在HTML文件的标签对中使用link标签来引用。
语法：
<linkrel="stylesheet"type="text/css"href="文件路径"/>
rel即relative的缩写，它的取值是固定的，即stylesheet，表示引入的是一个样式表文件（即CSS文件）。
type属性取值也是固定的，即"text/css"，表示这是标准的CSS。
href属性表示CSS文件的路径。对于路径，相信小伙伴们已经很熟悉了。
如果小伙伴们记不住这一句代码也没关系，HBuilder有着非常强大的代码提示功能，如下图所示
<html><head><metacharset="utf-8"/><title></title><linkrel="stylesheet"type="text/css"href="css/index.css"/></head><body></body></html>
如果你使用外部样式表，必须使用link标签来引入，而link标签是放在head标签内的。
内部样式表
内部样式表，指的是把HTML代码和CSS代码放到同一个HTML文件中。其中，CSS代码放在style标签内，并且style标签是放在head标签内部的。
语法：
<styletype="text/css"> …… </style>
说明：
type="text/css"是必须添加的，表示这是标准的CSS。
举例：
在线测试<html><head><metacharset="utf-8"/><title></title><styletype="text/css">div{color:red;} </style></head><body><div>绿叶，给你初恋般的感觉。</div><div>绿叶，给你初恋般的感觉。</div><div>绿叶，给你初恋般的感觉。</div></body></html>浏览器预览效果如下图所
运行结果图
如有不对的地方还请联系我
