css和div的规范，css和div的作用

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

css和div布局到底怎么布局啊,需要经常使用哪些元素呢

定位布局静态定位 position：static；默认值，不写position相当于写上position：static；以前没学定位的时候其实都是静态定位，元素在它原本的位置显示，即使加了top、left等也不起作用。

新建一个html文件，命名为test.html，用于讲解div+css布局的基本流程。在test.html文件内，对body进行样式初始化，设置外边距margin为0，内边距padding为0，同时使用text-align设置文字居中。

div+css怎么布局 div+css布局现在是主流，能提高网页加载速度，提高后期代码维护效率。步骤阅读方法/步骤 01 div 所谓div标签我们可以理解为一个盒子。

Q1: 如何实现DIV+CSS的标准化

在IE6中呢，它两个background都能识别出来，它解析得到的结果是：div{background：green；background：red；}，于是根据优先级别，处在后面的red的优先级高，于是当然这个div的背景颜色就是红色的了。

打开HTML文件编辑器，新建一个HTML文件，先添加HTML文件的基本标签元素。基本标签元素添加完毕后在body标签里添加一个div元素和在div元素内添加想要展示的文字。

如图5，色影无忌网站的设计从外观看很符合标准化设计，但从图6我们可以看出色影无忌的代码设计非常混乱。注释：再科学、再规范的代码，也不见得能一眼就被其他人读懂，所以这个时候需要代码注释。

Q2: div+CSS的命名规则?

1、DIV+CSS样式表命名不能随意而为，否则以后进行维护时困难很大。如同软件开发中对类名的仔细处理一样，DIV+CSS样式表命名也需要遵循规则。

2、一般公司开发都是给技术员一本网站前端开发规范，里面详细的说明了各个命名的规则等相关的问题。

3、也可以使用类型+变量名称的规则来命名，比如写一个红色字体的class，可以.f_red {}(f是font 字体的缩写)。总之原则是：大小写、_、缩写，大大增强代码的可读性。

4、最好有意义，比如说给一个DIV加上ID，这样命名为好：（div id=div1/div）或（div id=adiv/div）这样命名，以后看CSS代码时，大概就能知道，哪个是给DIV加的CSS了。不知道是不是回答了你的问题。

5、对于CSS样式的命名规则，建议用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数字，为了开发后样式名管理方便，大家请用有意义的单词或缩写组合来命名，让同事一看就明白这样式大概是哪一块的，这样就节省了查找样式的时间。

Q3: 求助关于div+css标签命名问题:请问这样命名规范吗?会出现什么问题吗...

1、楼上说的对，ID命中有问题在CSS的命名规范中，名称不能以数字开始，只能以字母、连字符、下划线开始。之后可以是字母、连字符、下划线或数字。

2、css中class是类名可以重复使用，而id只能使用一次。所以呢，如果这个css样式只需要一次可以设置为class但是id更好。类名就是类的名称，就像人一样通过类名就可以找到这个类，所以你设置样式的时候直接.className就行了。

3、样式表就是css 他主要是div+css来用的作用就是用来控制布局中字体大小、页面模块的浮动、颜色...在布局中用class来调用。这样避免样式直接用在布局中代码显示很乱而且不利于管理。样式表就很好的解决这个问题了。

4、你把第一个div的ID或者CLASS命名和第二个div的命名不同，然后调用CSS的时候，不同命名的属性设置成不同的，再预览的时候它就不一样了。。

5、然而HasLayout问题之多，绝非一两篇文章所能概括，通过阅读文章，了解其中的原理，再举一反三，很多问题就会迎刃而解了。符合标准的CSS规则。

Q4: div+CSS的布局基本原则有哪些?

用DIV就要抛弃TABLE的思想，DIV里没有行啊列啊这些东西。只是要用DIV把网页划分成一小块一小块的。在划分的过程中，遇到列表就要用ul/ol、li；遇到段落要用p。。

无父级则以BODY的原始点为原始点，配合TRBL进行定位，当父级内有padding等CSS属性时，当前级的原始点则参照父级内容区的原始点进行定位。

使用CSS和div布局，你可以先把整个网页划分成几块，然后在html里每一块用一个div框起来，然后对相应的div定义CSS，将其放置到网页中相应的位置，完成整体布局。

确定页面的结构：首先需要明确页面的布局需求，并将内容按照需要展示的区域划分为不同的div元素。这可以通过手动编辑或使用一些工具来完成。设计样式：根据不同的div元素，使用CSS进行样式设计。

css和div的规范的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css和div的作用、css和div的规范的信息别忘了在本站进行查找喔。