当前位置:首页 > DIV+CSS实例 > 正文

DIV+CSS网页布局技巧实例21:CSS代码书写样式

作者:不详 来源:aa25收集 【 】 浏览: 修改日期:2008-06-18 我要评论(23)     

在写CSS代码的时候,对于缩进、断行、空格,每个人有每个人的书写习惯。在经过不断实践后,我决定采用下面这样的书写样式:

selector1,
selector2 {
property:value;  border:1px solid #ccc;
}

当使用联合定义时,我通常将每个选择器单独写一行,这样方便在CSS文件中找到它们。在最后一个选择器和大括号{之间加一个空格,每个定义也单独写一行,分号直接在属性值后,不要加空格。

我习惯在每个属性值后面都加分号,虽然规则上允许最后一个属性值后面可以不写分号,但是如果你要加新样式时容易忘记补上分号而产生错误,所以还是都加比较好。

最后,关闭的大括号}单独写一行。

其它的写法还有:

selector1, selector2 {property:value; border:1px solid #ccc;}



selector1, selector2 {
property:value;
border:1px solid #ccc;
}
(如果您觉得本站不错,请告诉身边的朋友,或转载到论坛、百度知道、贴吧等,记得带网址哟,不胜感激!)

〖DIV+CSS实例〗Tags: CSS 书写 样式

所属专题:DIV布局技巧

更多评论(23)..会员评论

haoke(58.39.*.*) 发表于:2013-07-23 22:58:53
看了一小部分你的网站,真心的感觉不错哦~~准备把你网站看一遍,应为div+css布局,一直是头痛的问题,要非常细心,但是平常搞开发又不得不遇到,希望按照你的教程看完后有个质的飞跃,顶~!!!
daodejing250(183.1.*.*) 发表于:2013-05-04 08:08:48
听说不错www.101dianying.com
faildd(123.138.*.*) 发表于:2010-12-25 23:25:38
网上下了些CMS来看,都是一行一个属性,感觉还是不错,一目了然,但是自己写还是习惯楼主那样的书写样式。
管理员回复:我觉得写在一行更舒服些,找一个样式时比较方便
tttt(124.239.*.*) 发表于:2010-09-17 16:29:43
确实需要养成个好习惯,这样对于团队作业比较有好处
呵呵(218.28.*.*) 发表于:2010-08-06 15:12:38
为什么不继续出教程了?出到第四天了
管理员回复:有点忙,后续会出的
zhoushuangqin1(125.112.*.*) 发表于:2010-08-06 14:55:54
那css是不是有固定的格式呢??如果有站长能否给我发一个?我的邮箱是zhoushuangqin1@126.com
管理员回复:这篇文章不是说清楚了吗
zhoushuangqin1(66.79.*.*) 发表于:2010-08-06 09:34:23
站长,css文件要拿来多次引用是不是要单独写的?还有是不是有固定的格式?我不怎么理解。请站长教我下
管理员回复:最后是单独的文件
eros(219.136.*.*) 发表于:2010-07-16 11:27:20
新人新手来报道了~~

出差旅游免费预订酒店

【视频教程】新手常见问题