外部样式表:
<link rel="stylesheet" href="style.css">
媒体查询:
让不同设备使用相同HTML页面和不同的样式表
CSS最佳实践:
1.最大限度地减少HTTP请求
生产环境中,把小样式表放在一个厂文件里,仅包含一个ALL.css
推荐使用服务器端的预处理器Sass
2.使用外部样式表
3.使用CSS reset 或normallizer来规范浏览器.
浏览器都带有他们自己的样式表,叫作用户代理(UA)样式表.不同浏览器有不同样式.
可以使用Yahoo!的CSS reset文件 ,统一样式.地址为: http://yui.yahooapis.com/3.18.1/build/cssreset-context/cssreset-context-min.css,再加上background-repeat: no-repeat;
4.使用最弱的特定性以便重写(包含更大的范围)
建议在选择器里面使用元素和类,而不要使用ID
并且选择器限制在三层
这样可以一次改写更多属性.
5.不要使用内联样式或!important修饰符
使用!important 后样式优先级最高