HTML开发之块元素和内联元素

最新推荐文章于 2021-06-07 14:28:53 发布

启之灵

最新推荐文章于 2021-06-07 14:28:53 发布

阅读量192

点赞数

分类专栏： Html 5 文章标签：内联元素块元素

本文链接：https://blog.csdn.net/z_x_qiang/article/details/81915169

版权

Html 5 专栏收录该内容

27 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>demo</title>
		<!--
        	<style type="text/css">
			h1{
				color: red;
			}
			</style>
        -->
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>
	<body>
		<h1>这是一个漂亮的网页</h1>
		
		
		<!--
        	块元素，会独占一整行；
        		div,p,h1,h2,h3,h4,h5,h6 都是块元素；
        		div标签没有任何语义；是一个纯粹的块，不会有任何默认样式；
        		div元素主要对我们的页面进行布局；
        		
        		ps：p元素不能包含任何块元素；
        -->
		<div style="background-color: red; width: 200px;">
			我是一个快元素
		</div>
		
		<div style="background-color: yellow;width: 400px;">
			我是一个快元素
		</div>
		
		<hr />
		
		<!--
        	内联元素：只会占用自身的大小，一行占满后自动换行；、
        	常见的内联元素：
        	a,img,iframe,span
        	
        	span也没有任何语义，是专门用来选中文字设置样式；
        	让span圈一段字，为这段文件进行设置样式；
        	
        	一般会在块元素中放一个span元素；而反过来不行；
        	ps：a元素可以包含任意元素；除了a本事；
        -->
		<span>
			I am is a spane
		</span>
		<span>
			I am is a spane
		</span>
	</body>
</html>

启之灵

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML开发之块元素和内联元素

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;demo&lt;/title&gt; &lt;!-- &lt;style type="text/css"&gt; h1{
复制链接

扫一扫