欢迎光临
我们一直在努力

DIV CSS书写格式实例分析

这篇“DIV CSS书写格式实例分析”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“DIV CSS书写格式实例分析”文章吧。

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

<div id="main">     <div id="header">头部内容</div>     <div id="center">         <div class="cent_left">中部居左内容</div>         <div class="cent_right">中部居右内容</div>     </div>     <div id="footer">底部版权内容</div> </div>

注意以上代码缩进-父级与子级有相对缩进。一般缩进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书写格式实例分析”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注云搜网行业资讯频道。

赞(0)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。