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样式
标题URL：https://www.cdcxhl.com/news41/57791.html

成都网站建设公司_创新互联，为您提供外贸建站、移动网站建设、ChatGPT、域名注册、静态网站、小程序开发

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

猜你还喜欢下面的内容