div标签如何使用的_JavaScript

上一篇: div和span的区别是什么下一篇:表单控件select标签是如何使用的

div标签如何使用的

发布时间：2022-05-16 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了div标签如何使用的，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

div标签的使用方法：1、div标签可以通过设置class或id来获取样式；2、div标签也可以直接通过内联式的方法获取样式。

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添加选择器的用法

<!DOCTYPE html>
<html>
<head>
<;meta charset="UTF-8">
<tITle>Document</title>
</head>
<body>
 <div style="color:pink">
  <h1>div的用法</h1></div>
</body>
</html>

效果图：

div标签如何使用的

例：为div添加一个class选择器

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.demo{
width:450px;
height: 300px;
background: pink;
text-align: center;
line-height: 300px;
font-Size: 20px;
}
</style>
</head>
<body>
 <div>div的用法</div>
</body>
</html>

效果图：

div标签如何使用的

总结：以上就是本篇文章的全部内容了，希望对大家学习div有所帮助

以上就是div标签如何使用的的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的div标签如何使用的全部内容，希望文章能够帮你解决div标签如何使用的所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：

上一篇: div和span的区别是什么下一篇:表单控件select标签是如何使用的

猜你在找的JavaScript相关文章

html font标签如何设置字体大小？html font标签属性用法介绍 2022-05-16
vue3+TypeScript+vue-router的使用方法 2022-04-16
vue3获取当前路由地址 2022-04-16
如何利用React实现图片识别App 2022-04-16
JavaScript展开运算符和剩余运算符的区别详解 2022-04-16
微信小程序中使用vant框架的具体步骤 2022-04-16
Vue elementUI表单嵌套表格并对每行进行校验详解 2022-04-16
如何利用Typescript封装本地存储 2022-04-16
微信小程序中wxs文件的一些妙用分享 2022-04-16
JavaScript的Set数据结构详解 2022-04-16

​div标签如何使用的

脚本宝典总结

div标签如何使用的