1、css:层叠样式表，用于控制网页样式，用来表示html或xhtml等样式文件的计算机语言
2、html+css:缩减页面代码，提高访问速度，结构清晰，用户体验更好。
3、css语法：申明，选择器两部分组成，申明包含属性和值。
（1）写样式步骤：指定要修改样式的标签——在head标签里面写上style标签——选择器｛属性：值｝
（2）选择符/器说明：css选择器，选择器表示要定义样式的对象（标签名字），可以是元素本身，也可以是一类元素或者制定名称的元素，简单来说就是给对应的元素起个名称
（3）样式的基本规则：属性与值之间用英文冒号链接，分号结束。属性与属性之间可以空格，可以换行，没有先后顺序。一个属性中有多个属性值时，属性值与属性格用空格隔开，没有先后顺序。
4、样式三种写法（1）内部样式，存在在head标签中（2）内联样式 以属性style的方式添加在标签中。（3）外部样式 创建独立的html页面，并在head标签中添加<link rel="stylesheet" href="文件地址”>，在style标签下面或者上面，不在style里面——创建独立的css文件 第二种外部样式引入方式import url(css/style1.css);必须写在style便签的第一行
5、样式表的权重关系
外部样式 内部样式 都小于 内联样式 （就近原则）
6、css基本选择器：
类型选择器（标签选择器/元素选择器）:div span h1 a
类选择器(class选择器）：在标签中添加class=“ms"属性——在样式中的选择器 .ms{ }
id选择器：选中指定元素，在一个页面中只允许出现一次 在标签中添加id=“ma"属性——在样式中的选择器 #ma{ }
包含选择器（后代选择器）： 选择器1 选择器2 选择器3{ } （中间用空格隔开） 例如div #na span
伪类选择器：a:link{ } 未访问之前的状态 a:visited{ } 访问过后的状态 a:hover{ }鼠标悬停的状态 a:active{ } 鼠标按下时的状态 （注意：有顺序要求）
通配符：*{ margin：0；padding：0；} 匹配页面所有元素，进行统一的操作
群组选择器： 选择器1，选择器2，选择器3{ } （中间用逗号隔开）
7、选择器权重比较： id > class >类型选择器
权重：对于包含选择器，直接计算权重和，显示权重和大的效果。
内联样式权重：1000 id：0100 class/伪类选择器:0010 类型选择器：0001
权重值相同时，哪个在后面显示哪个的效果
8、css重叠性：是指css优先加载权重大的。除非加!important
原文：https://www.cnblogs.com/xsqlj/p/12367816.html