导航：首页 > 开发技术 >

DIV CSS书写格式实例分析

发表于：2026-11-02 作者：千家信息网编辑

千家信息网最后更新 2026年11月02日，这篇"DIV CSS书写格式实例分析"文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇"D

千家信息网最后更新 2026年11月02日DIV CSS书写格式实例分析

这篇"DIV CSS书写格式实例分析"文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇"DIV 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书写格式实例分析"这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注行业资讯频道。

千家信息网