一、选择器权重等级由低至高排序通配符选择器 *元素标签选择器类、属性、伪‑类选择器ID 专属选择器行内 style 内嵌样式!important 拥有最高优先权日常开发尽量少用二、伪类、伪元素详解伪类操控元素各类状态:hover 鼠标悬浮状态:active 鼠标按压瞬间:link 未访问的超链接:visited 浏览过后的链接:focus 输入框获取光标焦点伪元素生成虚拟附加内容::before 在元素前方新增内容::after 在元素后方新增内容三、浮动布局 float参数left 向左浮动、right 向右浮动、none 关闭浮动用处实现块状元素横向并排摆放弊端父盒子高度塌陷清除浮动方案父标签设置 overflow‑hidden末尾空标签添加 clear:both四、transition 平滑过渡动画用来给样式变动添加顺滑动画效果csstransition: 全部属性 过渡耗时;五、高频踩坑要点块级元素独占整行能够自定义宽高行内元素无法设置宽高转为 inline‑block 即可垂直方向外边距 margin 会出现折叠现象absolute 绝对定位父辈容器必须设置 relative 相对定位