什么是CSS：CSS （Cascading Style Sheets，层叠样式表）是用来控制网页在浏览器中的显示外观的声明式语言。浏览器会根据 CSS 的样式定义将其选定的元素显示为恰当的形式。一条 CSS 的样式定义包括属性和属性值，它们共同决定网页的外观。
CSS作用：CSS 是用来指定文档如何展示给用户的一门语言——如网页的样式、布局、等等。
CSS工作流程
1、选择器
单个元素：元素名{}，
类（class）的元素：元素名.类名{}，
a元素下子元素b：a b{},
a元素和b元素：a + b{},
根据状态确定样式：
a:link{color:pink},将没有访问过的链接颜色变为粉色；
a:visited{color:green}，将访问过的链接变为绿色；
a:hover{text-decoration:none},鼠标悬停在链接时，移除下划线；
注：
1.相同选择器同时出现时，以后一个选择器的样式为准；
2.类和元素选择器同时对一个文本具有样式选择，则选择类选择器样式作为当前样式。
2、@规则
例：
1).将一个样式表导入另一个CSS样式表
@import "styles2.css"
2).添加媒体查询，根据视口宽度来改变样式。
@media 用于做媒体查询
3、简写属性
点击查看代码
/* 在像 padding 和 margin 这样的 4 值简写语法中，
数值的应用顺序是上、右、下、左（从顶部顺时针方向）。
也有其他的简写类型，例如 2 值简写，
它为顶部/底部设置 padding/margin，然后是左侧/右侧 */
padding: 10px 15px 15px 5px;
4、当浏览器遇到无法解析的CSS代码会直接跳过；可以根据这个特点，为同一个元素指定多个CSS样式来解决浏览器不兼容的问题；例如可以指定两个width：width：500px，calc（100%-50px），一些老的浏览器不接收calc（），则会将第一个作为元素的值，新式的浏览器则会执行calc（），如何将结果把第一个width覆盖。
标签：浏览器,样式,元素,基础,简写,选择器,CSS From： https://www.cnblogs.com/shi7/p/17977955