内联和块元素

最新推荐文章于 2024-03-31 19:45:48 发布

蜗牛式学编程

最新推荐文章于 2024-03-31 19:45:48 发布

阅读量106

点赞数

分类专栏： # html/css 学习笔记文章标签： html

本文链接：https://blog.csdn.net/weixin_45556926/article/details/114134203

版权

html/css 学习笔记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

div就是一个块元素

所谓块元素就是独占一行的元素,无论他的内容有多少他都会独占一行
p h1 h2 h3……都是块元素，独占一行
div这个标签没有任何语义，就是一个纯粹的标签
并且不会为它里面的元素设置任何的默认样式
div元素主要用来对网页进行布局的

span是一个内联元素（行内元素）

所谓的行内元素，指的是只占自身大小的元素，不会占用一行
常见的内联元素：
a ，img ，iframe，span
span没有任何的语义，span标签专门用来选中文字，然后为文字设置样式

块元素主要用来做页面中的布局，内联元素主要用来选中文本设置样式

一般情况下只使用块元素与包含内联元素，而不会使用内联元素去包含块元素
a元素可以包含任意元素，除了它自己本身。（a是超链接标签）
p元素不可以包含任何的其他的块元素（p是段落标签）
PS：块元素和内联元素在H5中被取消了

<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title> </title>
	</head>
	<body>		
		<div style="background-color:red; width:200px">
			我是一个div
		</div>
		<div style="background-color:yellow; width:200px">
			我是一个div
		</div>
		
		<p>我是一个p标签</p>
		<hr/>
		<span>我是一个span</span>
		<span>我是一个span</span>
	</body>
</html>