带你初步认识网页中的DIV

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

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

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

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

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

　　div它的作用

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

This is a header

This is a paragraph.

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

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

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

　　如果用id或class来标记

，那么该标签的作用会变得更加有效。

　　div它的用法

它属于是一个块级元素，这意味着它的内容自动地开始一个新行。实际上，换行是

固有的唯一格式表现。可以通过

的class或id应用额外的样式。

　　需要知道的是不必为每一个

都加上类或id，虽然这样做也有一定的好处。

　　但是可以对同一个

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

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

标签： web开发网页设计 div

为您推荐

未登录