平时总说如何如何优化，今天就详细的写一下css如何优化，嘿嘿。
首先，CSS的优化工作主要从两个方面着手
合写CSS ：能合写的属性不要分开写，部分例子如下
background属性
.test{
background: #000 url(image.jpg) left top no-repeat;
}
background-image: url(image.jpg);
background-position: left top;
background-repeat: no-repeat;
margin/padding
{margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 10px;}{margin: 5px 10px 5px 10px;} 顺时针{border-top: 2px; border-right: 5px; border-left: 10px; border-bottom: 3px;}{border: 2px 5px 10px 3px;}font
{font: oblique bold 16px/35px Helvetica,Arial}
font-style: oblique;
font-weight:bold;
font-size: 16px; line-height:35px;
font-family:Helvetical,Arial;
border:5px solid red;
不要使用 @import
与 标签相比，@import 指令要慢很多，不光增加了额外的请求次数，还会导致不可预料的问题。替代办法有以下几种： 使用多个 元素，最好是发布的时候合并压缩css，减少http请求个数
利用继承
说到继承，就需要了解权重相关知识，也顺便总结一下各种情况下哪个属性优先，防止滥用属性
立即学习“前端免费学习笔记（深入）”；
css选择器 权值
标签选择器 1
类选择器 10
ID选择器 100
内联样式 1000
伪元素(:first-child等) 1
伪类(:link等) 10
1. 它会以网页文件主体装载前装载CSS文件，因此显示出来的网页从一开始就是带样式的效果的
2. CSS文件后面的会覆盖前面的
导入式会在整个网页装载完后再装载CSS文件
style="font-size:10px;font-color:#ff0000"
