CSS的发展历程：
起初是没有css的，只有少量样式是可以写在html标签中，这样代码格外显得臃肿，此时CSS就出现了。
初识CSS：
CSS(Cascading Style Sheets),被称为CSS样式表或者层叠样式表，主要用于设置HTML页面内容外观及布局外观。css有三大模块：定位、浮动、盒子模型，下面有详细介绍。
CSS书写位置：
CSS书写位置可以分三种情况：行内样式(内联式)、内部样式表、外部样式(外链式)
1.行内样式（内联式）：在标签中添加style，并在style里面书写属性及属性值代码，如：
<标签名 style="属性1:属性值;属性2:属性值">内容</标签名><P style="color:pink;font-size:25px"></P>
2.内部样式（内嵌样式表）：一般在head标签中写上style标签，当然style标签可以放在HTML的任何位置，CSS代码写在style标签中，如：
<head><style type="text/CSS"> /*当有<!doctype:html>时type="text/CSS"可以省略*/选择器{属性1:属性值;属性2:属性值} </style></head><head><style>p{color:red;font-size:25px;} </style></head>
3.外部样式(外链式)：将所有CSS代码写在以 .css后缀名结尾的文件中，并把这个文件通过link标签载入到html文件中，link标签一般放在head标签中，优点：文件共享、便于维护，如：
<head><link rel="stylesheet" href="index.css" type="text/CSS"/> <!--html5中type="text/CSS"可以省略--></head>
注释：
/*注释内容*/
css中引入另一个css文件：
@import url('css文件路径')
提示：本文图片等素材来源于网络，若有侵权，请发邮件至邮箱：810665436@qq.com联系笔者 删除。
笔者：苦海
![http://mirrors.aliyuncs.com/centos/7/extras/x86_64/repodata/repomd.xml: [Errno 12] Timeout on http:/](http://pic.xiahunao.cn/http://mirrors.aliyuncs.com/centos/7/extras/x86_64/repodata/repomd.xml: [Errno 12] Timeout on http:/)
