记忆点

语义化：
1、每一个HTML元素都有具体的含义
2、所有元素与展示效果无关
3、语义化方便搜索引擎优化
4、为了让浏览器理解页面

内容与样式分离的好处：
1、外部样式可以解决多个页面样式重复问题
2、有利于浏览器缓存，从而提高页面响应速度
3、有利于代码分离，从而更容易阅读和维护

常用伪类
：hover 鼠标悬停
：link 超链接为访问时的状态
：visited 访问后的状态
：active 激活，鼠标按下的状态
：focus 获取焦点
：nth-last-of-type（）倒数第参数个元素
：nth-of-type（） 正数第参数个元素
：nth-last-child（）倒数第参数个元素
：nth-child（）正数第参数个元素
：checked 选取被选中的元素

样式的优先级（层叠冲突）
1、比较重要性
！important修饰的样式优先级最高
作者样式表中的普通样式
浏览器默认样式表中的样式
2、比较特殊性（计算权重）
千位：内联样式 存在记1 无记0
百位：id选择器数量
十位：类选择器，属性，伪类选择器数量
个位：元素，伪元素选择器的数量
3、比较顺序
后者为最终样式

CSS属性值从无到有的过程
1、确定声明值
2、层叠冲突
3、使用继承
4、使用默认值
两个特殊的css取值
inherit 强制继承
initial 默认值

解决高度塌陷问题

.boxQC:affter{
	content:'';
	display:block;
	clear:both;
}

隐藏元素的3种方式
1、visbility : hidden 元素隐藏，位置保留
2、display: none 元素隐藏，位置不保留
3、opacity:0 透明度为0，元素隐藏，位置保留