网站导航免费论文 原创论文 论文搜索 作业答案 网学软件 学术大家 资料中心 会员中心 问题解答 定作论文 论文素材 设计下载 最新论文 下载排行 论文上传 在线投稿 联系我们
返回网学首页
最新论文 推荐专题 热门论文 素材专题
当前位置: 网学 > 设计资源 > DIVCSS技术 > 正文
DIV CSS书写格式
来源:Http://myeducs.cn 联系QQ:点击这里给我发消息 作者: 佚名 来源: 网络 发布时间: 10/08/22

DIV CSS书写格式

DIV+CSS的书写格式

好的CSS代码和DIV代码的书写格式有助于顺利快速的开发项目,同时也会形成较好的习惯,同时日后维护也方便。

问题:不工整div和css代码会不会不符合W3C标准
答案:不会造成不符合W3C标准。因为代码的工整与否是展示的代码排列方式,与兼容和W3C标准无关。

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

copyright myeducs.cn 网学

接下来我们分别来解释与介绍DIV CSS代码书写格式及对应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> copyright myeducs.cn 网学
<div id="footer">底部版权内容</div>
</div>
copyright myeducs.cn 网学

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

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

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

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

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

CSS 格式还有

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

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

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

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

  • 上一篇资讯: DIV CSS布局
  • 下一篇资讯: 什么是CSS选择器?
  • 浏览:
    版权所有 电话:013574892963 QQ:3710167 邮箱:Educs@163.com 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
    Copyright 2008-2015 Www.myeducs.Cn All Rights Reserved
    湘ICP备09003080号