檬味博客 » 问答 » css规范写法

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 阅读 8 次 更新于 2025-07-20 09:06:38 我来答关注问题0
5 个回答檬味博客专题活动
  • firefly8212 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这些可以缩写的标签尽量缩写。第一种样...

  • dangboy CSS中<!---->是什么意思?

    css中出现是正规的写法，如 这是为了防止在某些情况下，浏览器不能识别这些CSS代码时，会以字符形式输出。大家都知道在HTML中加入后，那么之间的代码将不会被执行，那么在某些终端上，比如手机，平板电脑上，或其它操作系统上，在特定情况...

  • 阿暄生活 css自适应屏幕写法 css自适应布局

    可以使用Can I use等网站来检查特定特性的浏览器支持情况。性能优化：避免使用过多的嵌套和复杂的布局规则，以提高页面的渲染性能。综上所述，CSS自适应屏幕写法与自适应布局是实现响应式设计的重要手段。通过合理使用百分比宽度、视口单位、媒体查询、流式布局、Flexbox、Grid Layout等方法，可以创建在各种...

  • 昆明北大青鸟 Web前端开发规范之css规范

    css规范1、编码规范为utf-8。2、协作开发及分工：i会根据各个模块，同时根据页面相似程序，事先写**体框架文件，分配给前端人员实现内部结构&表现&行为。共用css文件base.css由i书写，协作开发过程中，每个页面请务必都要引入，此文件包含reset及头部底部样式，此文件不可随意修改。3、class与id的使用：...

  • 誉祥祥知识 CSS行高应该怎么写?

    CSS行高的写法 在CSS中，行高的设置可以通过多种方式实现，常见的有以下几种方式：1. 通过“line-height”属性设置。这是最常用的方法。可以针对元素设置具体的行高值。例如：css p { line-height: 24px; /* 设置段落行高为24像素 */ } 2. 使用“font”属性简写设置。在定义字体样式时，可以...

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

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