下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

带你初步认识网页中的DIV

作者:课课家教育     来源: http://www.kokojia.com点击数:923发布时间: 2017-01-28 14:00:11

标签: web开发网页设计div

Web开发

  网页设计中常用的一些标签是必须要掌握的,但是有很多的标签元素理解起来并不是特别的容易,也是让人很容易混淆,刚开始学习网页设计的朋友可能会感觉到并不是好理解,因为太专业的解释往往让人很难理解,下面一起来学习了解一下。

  在网页html中查看源代码会看到很多代码,包括DIV、span、h1、b加粗、strong等标签组成在,这些代码标签是比较常用的,也是需要进行掌握了解的。

带你初步认识网页中的DIV_web开发_网页设计_div_课课家

  DIV\\SPNAN\\H1是什么意思呢?

  这些标签是包裹内容作用,有的是起到布局各种各样样式而使用DIV标签,有的是为了内容加粗,比如strong标签、表达是标题h1标签。

  div它的作用

  让内容包裹在DIV内,实现各式各样的美化,比如对div设置边框,这样内容就区就有边框样式、对div设置字体颜色这样对应DIV内字体就有了各式各样的颜色;对div设置背景颜色或背景图片,这样内容就有了漂亮的css背景。

  <divstyle="color:#00FF00">

  <h1>This is a header</h1>

  <p>This is a paragraph.</p>

  </div>

  div标签内使用样式实现各式各样排版,对div设置不同的css样式,实现美工图布局样式。

  定义和用法

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

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

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

  div它的用法

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

  需要知道的是不必为每一个<div>都加上类或id,虽然这样做也有一定的好处。

  但是可以对同一个<div>元素应用class或id属性,但是更常见的情况是只应用其中一种。这两者的主要差别就是,class用于元素组(类似的元素,或者可以理解为某一类元素),而id它是用于标识单独的唯一的元素。

  总结:div是一个块级的元素,我们在设计的时候是把网页分成一大块小块来进行设计,div的作用就像是一个大的容器,里面是放一下一些小的元素,这一点是比较好容易理解的。

赞(25)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程