欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > html5案例分享 >

div是什么意思?HTML和CSS中div标签怎么用

发布时间:2019-05-24  编辑:杨雨个人博客网站   点击:   

div是什么?div是什么意思?div标签怎么用,相信很多小白在学习的时候都会有这样的问题,那么下面我们来总结一下HTML和CSS中div标签怎么用?【推荐学习:Html5教程

7182F991A05EBCB76855C25220524351.jpg

一:div是什么意思

div就是样式表中的定位技术,div的全称就是division,有时候我们也习惯叫图层,在Html中,div有很多属性,正式这些属性组成才会形成美观的板块。

二:HTML和CSS中div标签怎么用

1.使用div,首先第一步打开记事本并输入基本的HTML结构,并且包含HTML内部的主体。

2.将<div>标签放在body标签内。你必须记住div是一个容器标签,所以它后面必须有一个</div>,比如<div></div>,<div>用于在页面上进行分割,因此您甚至可以在<div>中使用div标签。

3.在<style>中,给<div>一个ID并设置其高度,宽度,背景颜色等。你可以使用#为你的<div>制作一个ID,或者只是简单地写div并设置它的高度,宽度等。但是当你有很多div时,最好使用一个ID。

4.我们可以放入<span>标记并写入一些文本,然后用</span>关闭它。span标记通常用于选择行的一部分并对其应用某些属性。但是,您可以使用它来选择更多的操作。

代码实例:

<!DOCTYPE Html> 
<Html> 
<head>
<meta charset="utf-8">
<style>
</style>
</head> 
<body> 
 <div>
 <p>标题</p>
 <span>
 内容
 </span>
 </div>
</body> 
</Html>

以上就是对div是什么意思?HTML和CSS中div标签怎么用的全部介绍,如果你想了解更多有关HTML在线手册,请关注杨雨个人博客。 本文地址:http://itbyc.com/web/html5/19935.html
转载请注明出处。

分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1