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
2
3

<style>
    @import url(css样式表)
</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;