9. html用div的作用

HTML教程入门

div的作用:div可定义文档中的分区或节(division/section)。 div标签可以把文档分割为独立的、不同的部分。 它可以用作严格的组织工具,并且不使用任何格式与其关联。如果用id或class来标记div,那么该标签的作用会变得更加有效。div是用来定位你的内容的方法,在各种元素添加各种样式风格,你的代码在HTML和CSS会经常用它们。

div的作用-详细解释

1、讲div之前,举个例子:
1、先介绍margin,添加一些空白空间;
margin-left是属性名称(property name)
margin-left属性值是:50px;
2、h1 和p也引用margin-left的时候:
1、引用多元素:h1,p,img{margin-left:50px;}在每一个元素用margin-left属性;

我们可以用div来代替,我们不需要在每个元素加上样式,我们直接在div上面加上样式就行了。

3、找个网页做例子:

1、这个时候我们就用div:
1、我们把所有元素装在div的容器;
2、我们设置div容器:
div{width:500px;margin:auto;background:red;text-align:center}
告诉浏览器自动识别margin;
让div居中;
3、新部分div里面放div;
2、px=pixel

接近10年的互联网从业经验,精通Scrum敏捷软件开发的方法,从事互联网产品设计,开发,测试,运营,案例不少于20个,发现自己最喜欢的工作是做外贸营销,外贸SEO,特别喜欢谷歌优化。从2017年3月开始坚持在群161510483直播谷歌SEO和WEB前端开发技术,只要加进来坚持学习零基础也能够学会。

Last modified: 2019年8月1日

Previous Story

HTML教程入门

8. html项目结构和图片标签

html项目结构:Web项目除了可以包含静态资源(例如,图像和HTML 文件)外,还包括定义Web应用程序目录结构,该目录结构指定Web 内容文件、类文件、类路径。

...

Next Story

HTML教程入门

10. html用的id和class

id和class:CSS的id和class在HTML元素中设置CSS样式,你需要在元素中设置’id’ 和’class’选择器。 HTML name、id、class 的区别。

...