原文链接
CSS就是层叠样式表（CascadingStyleSheets），定义如何显示HTML元素。HTML元素的样式通常存储在层叠样式表中。
为什么要使用CSS使用CSS可以定义HTML元素显示的样式，其实是为了解决内容与表现分离的问题。通过CSS可以让相同的一个页面在不同的浏览器当中呈现相同的样式。
CSS组成CSS规则由两个主要的部分构成：选择器，以及一条或多条声明:
选择器通常是需要改变样式的HTML元素。每条声明由一个属性和一个值组成。属性（property）是希望设置的样式属性（styleattribute）。每个属性有一个值，属性和值被冒号分开。
要查看页面中的CSS又需要用到浏览器的开发者工具了。打开Elements面板。在面板右侧展示的就是CSS。
CSS选择器CSS首先需要通过选择器来确定要定义样式的元素。常用的选择器有下面这几种。
CSS创建外部样式表
linkrel="stylesheet"type="text/css"href="mystyle.css"内部样式表
stylehr{color:sienna;}p{margin-left:20px;}/style上面例子中的hr和p就是用了元素选择器来确定要定义样式的元素。
内联样式：
pstyle="color:sienna;margin-left:20px"这是一个段落。/p常见CSS样式background简写属性，可以跟下面的所有值background-color设置元素的背景颜色background-image把图像设置为背景background-position设置背景图像的起始位置background-repeat设置背景图像是否及如何重复!DOCTYPEhtmlhtmllang="en"headmetacharset="UTF-8"title网页标题/titlestylep{background-color:red;}body{background-image:url("[xx.png](