前端之样式元素的不同类型

最新推荐文章于 2024-09-14 17:54:00 发布

冥极醉醉冥极

最新推荐文章于 2024-09-14 17:54:00 发布

阅读量132

点赞数

分类专栏：前端学习文章标签： html5

本文链接：https://blog.csdn.net/qq_19831379/article/details/119042321

版权

前端学习专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>不同类型</title>
	</head>
	<!-- 元素类型：
		1.块元素：可以设置宽高大小，默认宽度100%，独占一行
		如：p ul li h1~h6 div form table
		2.内联（行内）元素：无法设置宽高大写，元素大小随内容变化，所有元素默认排在一行，显示出文字的特性
		如：i b span a
		3.内联块元素：既能设置宽高大小，又能排在一行
		如：img input
	
		改变元素类型
		display：
			1.block
			2.inline
			3.inline-block
		text-align会将内联元素居中：包括img、p、文字、a，块元素使用margin：auto来进行居中
	-->
	<body>
		
	</body>
</html>