1. ul标签会自带一个padding值，大概40px，可消除
2. 清除浮动：clearfix : : after{ display：block； content：“ ”； height：0；clear：both；}
3. a标签包裹图片时，给a标签和图片添加display：block；这样多个图片排列一起时图片之间不会出现缝隙
4. div的居中：在父元素上添加position：reletive；
目标元素： position：absolute；
top：50%；
left：50%；
transtion：translate（-50%，-50%）；
transtion属性需要考虑兼容性
5. video标签的poster属性可在视频播放前添加一张图片
6. 给div的子元素添加效果，div：hover p{ }
7. swiper禁止手动滑动：在最外层容器加上class：“swiper-no-swiping”
8. 夹杂在文章中的图片可以不给固定宽高，直接加上display：block；width：100%；图片已原图尺寸展示
9. input的button不支持伪类元素after，before
10. 引用外部样式时，按照从上往下的顺序，越往下执行等级越高
11. 百度分享的按钮使用自定义的icon时需要使其background-image：none；
12. input的submit会有默认文字，设置value=“ ”即可
13. 网页中的div被display：none；掉时，如果有js效果针对此div，js依然会继续运行，所以相应的js最好也注释掉
14. pointer-events：none；实用属性如下：
阻止用户的点击动作产生任何效果；
阻止缺省鼠标的显示；
阻止css的hover和active状态的变化；！！！！！！！！！！
阻止js点击动作触发事件；
15. 背景浮动：background：url（） fixed；在pc端正常显示，但是在移动端会使图片不显示
16. 使用svg格式的图片时，要给一个高度或者宽度数值，否则不显示
17. width：calc（100% - 92px）；宽度的写法之一
18. swiper轮播图插件在适应不同分辨率的显示器时，可能会显示出错，js会根据pc端的分辨率去识别，给其加上属性：observer：true；observerparents：true；可使轮播图加载时重新识别分辨率
19. 尽量不要给html和body加上overflow：hidden；的属性，否则在进行移动端适配时会使网页无法滚动
20. safai浏览器对video的自动播放做了限制，无法自动播放
21. ：：after伪类的content：‘文字内容’；可添加文字内容
