CSS相关
1.官方文档 w3.org All Status And Drwafts(所有宏观上的修改版本等) Full property table(所有css的属性详解)
2.mdn中文web(官方文档中文翻译)
3.查询浏览器css样式兼容性网站 www.caniuse.com
4.如果把样式表单独抽离为css文件,最好能声明charset @charset “utf-8”;
5.用@import的方式引入css样式表,但效率没有link高
1 | <style> |
6.尽量不要用标签的属性去控制样式.例如img的width属性
7.font-family的设置可以设置多个,是为了防止服务器的C/Windows/fonts里没有写的字体
8.css基线差不多是HTML字母x最底部
9.text-transform:lowercase
10.dl(define list),dt(define terms),dd(define description)
11.tr(table row), th(table head), td(table data)
12.css的两大特性:继承(inherit),层叠(相同选择器,!important>style>id>类>元素)
13.改变列表的前面默认块 list-style-type:none
14.table标签下边框合并border-collapse:collapse(设置边框为1中间会变成2)
15.margin:auto 浏览器会把剩余的块分配给auto的那一侧
16.margin-top的百分比是按照父元素的宽度,top是父元素的高度,transform:translateY(-50%)是按照自己的
17.background-image: url(), url()
18.css sprite 多个小图片合成到一个大图片(请求多次图片对于服务器压力大)
19.seo优化 text-indent :-999px;