合肥网站建设
文章阅读
网建技巧
优化技巧
网建问题
谨宸新闻
行业新闻

首页 > 合肥网站建设 > 正文

div+css排版中的di和class样式

发布时间:2013/05/28字体:
摘要:div+css排版中的di和class样式,di和class样式的细节问题,网站建设中现在最常用的就是DIV+CSS样式,网站排版中这种样式需要注意哪些问题?今天合肥网站建设就来跟大家介绍一下。
网站建设中现在最常用的就是DIV+CSS样式,网站排版中这种样式需要注意哪些问题?今天合肥网站建设就来跟大家介绍一下。

1.使用DIV+CSS样式的过程中,种类和名称的规范性

程序都很明白,在用DIV+CSS进行排版的时候,每个DIV都会有一个样式,其样式的种类有id和class两种。有的人把body当成一个学校,而id就是班级,class就是学生,一所学校中班级没有相同的,但人名有可能会有一样的。也就是说网页中id只会出现一次,但class可以多次出现,所以id要比class的权限要高很多。

我们可以将CSS网页中的头部、底部和中部使用id,但也有的在中部还分有左右两个部分,这样的部分一般不会重复,这样的话我们就可以用id去定义;如果有些板块需要重复使用的话,我们就可以用class去定义。

一个页面中基本上id和class都没有单独使用的机会,如果页面全部都用class的话,权限是最大的问题,在同一层中,ul、li等这样的元素没有什么特别的标志,而外面一层的样式在写的时候就会受到影响,可能会写很多不必要的代码,造成代码冗繁,这是网站优化中严重的错误。

2.id和class命名原则

因为代码中都是英文,而id和class命名一般都是很随意的,只要自己容易记住就可以。但为了后期修改网站带去不必要的太麻烦,所以命名也不能太乱。不能一个标签就找半天,所以最好还是使用英文命名,最有规律的就是按照层次去起名。

比如头部用head,这部分一般都放网站logo(head_1)和导航(head_2),如果还有子栏目,那么就可以在后面再加上英文的左和右,这样看上去就一目了然。如果后期修改的话也很容易就能找到标签,也不会很乱。

本文标题:div+css排版中的di和class样式
本文网址:http://www.055178.com/wangjianjiqiao/2626.html
原创网址:合肥网络公司<谨宸科技> 版权所有,转载请注明出处,并以链接形式链接网址:www.055178.com
文章标签:div+css样式问题细节
 上一篇:二级域名优化效果如何实现
 下一篇:网站每次更新被降权的原因有哪些