Question

css规范写法

怎么把css写的简洁，而且漂亮呢？

Answer 1

一般css两种写法
.class{样式1:样式1; 样式2:样式2; 样式3:样式3; 样式4:样式4;}
.class{样式1:样式1; 样式2:样式2; 样式3:样式3; 样式4:样式4;}
另一种是
.class{样式1:样式1;
样式2:样式2;
样式3:样式3;
样式4:样式4;}
border、margin、padding这些可以缩写的标签尽量缩写。
第一种样式写出来样式表会比较小，基本没有多余代码，但是对于修改会比较麻烦一点，第二种方式有比较多的代码(回车和空格会影响文件大小，但是影响不大)，但是修改起来比较方便，然而这样竖着写有时样式太多还是容易混乱。现在还没个标准，怎么写顺手就怎么写，简洁主要在布局和使用的样式减少，而不在写法，可以多定义些共用的样式，class="样式1 样式2"可以同时使用多个样式，这样可以节省css代码，而且更清晰

Answer 2

　　1、定义类所使用的位置，如首页、导航等等，不排除使用左、右这样的词，但应尽量避免。　　
　　2、每项都可有自己的一个缩写表，同一名称的缩写尽量统一。
　　3、所选用的单词应选择不过于具体表示某一状态（如颜色、大小等）的单词，以避免当状态改变时名称失去意义。
　　4、由不以数字开头的小写字母（a-z）、数字（0-9）组成。
　　5、确保类(.class)的重用性与对象(#id)的唯一性，id避免使用保留字。
　　6、为保证不同浏览器上字号保持一致，字号建议用点数pt和像素px来定义，pt一般使用中文宋体的9pt和11pt，px一般使用中文宋体12pt 和14.7px 这是经过优化的字号，黑体字或者宋体字加粗时，一般选用11pt和14.7px 的字号比较合适。

Answer 3

这样既简洁 又好看
.head{
position:absolute;
top:3px;
left:0px;
width:900px;
height:30px;
z-index:-1;
background-color:#EE0000;
}
.head2{
position:absolute;
top:3px;
right:0px;
width:900px;
height:30px;
z-index:-1;
background-color:#EE0000;
}
#main{
width:1100px;
height:600px;
border:1px solid green;
margin:3px auto;
}
.login{
width:480px;
height:30px;
float:left;
background-color:#D3D3D3;
}
.menu{
width:620px;
height:30px;
float:left;
background-color:#D3D3D3;
}

Answer 4

css格式化

追问

在线的css格式化网址你有吗？可否给个？之前有过这样的做法，但是发现，格式化之后的代码，发生了变化，不该有空格的地方都多出了很多的空格哦

Answer 5

XXX {
XXX;
XXX;
}