企盟仿站网承接各CMS仿站业务,诚邀您的合作!企盟

仿站

网为你提供:DEDECMS仿站WORDPRESS仿站网站改版、网站兼容等服务,欢迎您的访问!

历经12年风雨兼程,企盟仿站网与25家网络公司合作为3200余客户提供了优质的服务,设计DEDECMS模板、WORDPRESS模板、DESTOON模板等约3500余个,企盟仿站网感谢一路有你!

当前位置: 首页 > 网站制作 > 建站知识 > 详细内容

网页布局DIV标签的Class、Id属性

时间:2022-08-15

我们经常会见到 div+css 网页布局的说法。那么 div 是什么?其实他就是容器,这个容器叫做盒子比较恰当,因为一般的,他表现为矩形。事实上这东西的表现简直就是一个干净的,未曾定义(各种样式都是默认值的) Html 标签,也就是说他不会起到什么特别的效果,现在我们来看看

<div>
第一个 div
</div>
<div>
第二个 div
</div>

显示效果如下

div显示效果

结果就是这个样子的,除了换行了真的没有别的效果。其实我们需要的就是它不带任何效果的特点。干干净净的白纸才好作画。干干净净的标签才方便我们随心所欲地往上面添加各种需要的样式。

class 和 id 是几乎任何 html 标签都可以用的两个属性。其实就是给标签取名的,比如上面代码中我们一共用了两个 div ,那么我们怎么区分它们?就可以用 class 或者 id 给他们分别取一个名字,比如:

<div class="div-A">
第一个 div
</div>
<div class="div-B">
第二个 div
</div>

然后就可以很好的区分了,然后我们说一下 class 和 id 这两者的区别。其实很简单,id 不可以重复,比如有了一个 id = “A”的元素,那么其他元素的 id 就不能是 A 了,所以 id 具有唯一性。

class 是可以重复的,比如在一个页面里有六段,前三段的 class 是 start,后三段的 class 是 end ,这样没有任何问题。你可能要问,不是用来跟别的元素区分的吗,怎么又可以重复呢?

那么我给你打个比方你就明白了,class 是什么?班级啊(初中来是这么告诉我的),你是二年级一班,我也是啊,咱俩一个班的!于是一个班的可以被赋予很多相同的东西,二年级一班的数学老师是老李,那么咱俩的数学老师都是老李。这样一喊班级“二年级一班”直接就去分出了一组人。

id 是什么?学号啊,学号能重复么?不能吧,老师叫一号回答问题,你站起来别人不会一起站起来。

那么大家就明白这两者的区别了,也应该隐约的对他们的选用有了认识。在这个基础上我们可以准备啃 CSS 这块骨头了。

本文网址:http://www.chinafangzhan.com{dede:field name='arcurl'/}
本文由企盟 仿站 网发布( http://www.chinafangzhan.com ),如果您还想了解更多关于 网站仿制 的文章,请点击查看 仿站知识 的其它文章。
承接以下业务:传统网站改自适应网站、网站增加手机站、网站改全屏网站改大屏展示、GBK转UFT-8、DEDECMS转WORDPRESS、网站站群制作、企业网站设计、企业网站优化、网站托管等业务

相似内容
  

推荐资讯
热点标签

十二年专注于仿站建站,擅长DEDECMS仿站、WORDPRESS仿站、网站改版等业务! Copyright©2022 中国仿站网 All Rights Reserved

服务电话:
132-80692153

微信 13280692153