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

2016-11-01    分类: 网站建设

网站建设中现在最常用的就是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样式
文章路径:https://www.cdcxhl.com/news/57791.html

成都网站建设公司_创新互联,为您提供动态网站移动网站建设关键词优化网站制作Google网站导航

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

网站托管运营