网页设计中流行用css+div，但是要遵循一个规范，才能真正发挥优化作用。大家有啥心得来交流一下呀

Posted 2023-05-06

根据Xhtml和CSS编织的规范和大多人的习惯，整理了以下针对本项目的一个简单
的开发规范：
一、CSS样式命名规范
建议：用字母、“_”（下划线）、“-”号、数字组成，必须以字母开头，不能以数字开头。为了开发后样式名管理方便，大家请用有意义的单词或缩写组合来命名，让同事一看
就明白这样式大概是哪一块的，这样就节省了查找样式的时间，例如：
头部样式用header，头部左边，可以用header_left或headerLeft,还有如果是列结构的可以这样——box _1of3 (三列中的第一列)，box _2of3 (三列中的第二列)、box _3of3 (三
列中的第三列)，其它的我就不一一举例了，大家按以上规律去命名就好。
常用id的命名：
页头：header
登录条：loginbar
标志：logo
侧栏：sidebar
广告：banner
导航：nav
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
滚动：scroll
页面主体：main
内容：content
显示当前所在位置：breadcrumbs
标签页：tab
文章列表：list
提示信息：msg
小技巧：tips
栏目标题：title
加入：joinus
指南：guild
服务：service
热点：hot
新闻：news
下载：download
注册：regsiter
状态：status
按钮：btn
投票：vote
合作伙伴：partner
友情链接：friendlink
页脚：footer
版权：copyright

http:www.ltkj.cn

补充一个
封套: wrapper 参考技术A ...恩,不错 参考技术B 嗯 便于观察 参考技术C 嗯，还是用这些比较好， 参考技术D /

为啥要用div+css来进行网页布局？

DIV是层叠样式表中的定位技术，全称DIVision，即为划分。

有时可以称其为图层。DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。

定义：

<div>可定义文档中的分区或节（division/section）。

<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

如果用id或class来标记＜div>，那么该标签的作用会变得更加有效。

注释：＜div>是一个块级元素，也就是说，浏览器通常会在div元素前后放置一个换行符。

提示：请使用＜div>元素来组合块级元素，这样就可以使用样式对它们进行格式化。

用法：

<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是<div>固有的特定的格式表现。可以通过<div>的class或id应用额外的样式。

不必为每一个<div>都加上类或id，虽然这样做也有一定的好处。

可以对同一个<div>元素同时应用class和id属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class用于元素组（类似的元素，或者可以理解为某一类元素），而id用于标识单独的特定的元素。

参考技术A 因为好用、流行，当然你也可以自定义标签来进行网页布局，只要写好css样式即可，甚至你可以用老掉牙的table来给页面进行布局。