本文摘自PHP中文网,作者清浅,侵删。
div标签的使用方法:1、div标签可以通过设置class或id来获取样式;2、div标签也可以直接通过内联式的方法获取样式。
本文操作环境:Windows7系统、Dell G3电脑、HTML5&&CSS3版。
div标签的使用:div标签可以通过设置class或id来获取样式,也可直接通过内联式的方法获取样式
<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。接下开在文章中将为大家介绍div如何使用,具有一定参考价值,希望对大家有所帮助
div含义:
div标签称为区隔标记,可定义文档中的分区或节,目的是把文档分割为独立的、不同的部分。它可设定文本、图像、表格等元素的位置
div是用来为HTML文档内的块级内容提供结构和背景的元素。div的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性将由div标签的属性来控制,或者是通过使用样式表来进行控制。
div的用法:
<div> 是一个块级元素,这意味着它的内容将自动的占一行。通过div的class或者id可以获取额外的样式实,但不需要为每一个div都加上选择器。
可以对同一个 <div> 元素应用 class 或 id 属性,但是一般情况下只应用其中一种。这两者的主要区别是,class 用于类元素(可以理解为某一类元素),而 id 用于标识单独的唯一的元素。
【推荐课程:HTML课程】
例:不给div添加选择器的用法
1 2 3 4 5 6 7 8 9 10 11 |
|
效果图:
例:为div添加一个class选择器
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
|
效果图:
总结:以上就是本篇文章的全部内容了,希望对大家学习div有所帮助
以上就是?div标签如何使用的的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《?div》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者