css规范写法

一般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这些可以缩写的标签尽量缩写。第一种...
css规范写法
一般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代码,而且更清晰2011-10-17
  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 的字号比较合适。2015-07-04
这样既简洁 又好看
.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;
}2011-10-18
css格式化2011-10-17
XXX {
XXX;
XXX;
}2011-10-20
mengvlog 阅读 147 次 更新于 2025-12-16 11:49:25 我来答关注问题0
檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部