DIV CSS书写格式

或css中CSS样式选择器也是没有空格。
答：这是因为有些网页开发者为了避免新手抄写他的代码，待网页发布上传前将复制一份或直接将CSS代码和html标签间的空格清除，所以我们查看网页源代码时候代码都是一起而且感觉混乱的。解决办法是用Microsoft Visual Studio中工具整理排列代码或使用DW4代码格式化工具即可实现整理代码即可排列整齐有序。

接下来我们分别来解释与介绍DIV CSS代码书写格式及对应CSS范例教程

1、DIV书写格式
Div书写在html文件里，排列有序缩进有序将给开发和日后维护带来帮助。典型缩进范例：

头部内容
中部居左内容
中部居右内容
底部版权内容

注意以上代码缩进-父级与子级有相对缩进。一般缩进4个空格字符半角英文位置。

2、CSS书写格式
好的CSS书写格式能给你带来维护和制作上方便。可以分析CSS 命名的选择器之间个关系。

#main{ ... ...}
#main #header{ ... ...}
#main #centen{ ... ...}
#main #footer{ ... ...}

#centen .cent_left{ ... ...}
#centen .cent_right{ ... ...}

以上花括号内值省略这里不讲。这里主要是CSS 派生关系，不同区域DIV块以空一行隔开。

CSS 格式还有

#main{
... ...
}
#main #header{
... ...
}
#main #centen{
... ...
}
#main #footer{
... ...
}

#centen .cent_left{
... ...
}
#centen .cent_right{
... ...
}

一般不推荐CSS的花括号分别占一行方式排列CSS 选择器。同时这样会大大增加占用CSS文件内行数，维护也不好辨认。

以上介绍了DIV+CSS的常见排列代码书写格式。当然如果你有好的排列方式或自己习惯排列方式你也可以使用，这里讲解DIV CSS书写格式主要让大家规范下CSS和DIV代码格式。