块和内联

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>学习css</title>
		<link rel="stylesheet" type="text/css" href="css/yangshi.css"/>
	</head>
	<body>
		<!--
        	作者:[email protected]
        	时间:2020-07-12
        	描述:div就是一个块元素,块元素就是独占一行的元素
        	:p h1 h2...
        	div没有任何语义,主要用来给网页布局的
        	span是一个内联元素(行内元素)
        	a img iframe
        	span没有语义,专门选中文字为文字设置样式
        	一般为块元素包含内联元素,不使用内联元素包含块元素
        	a元素可以包含任意元素,不可以包含他自己
        	p中不可以包含任何的块元素;
        	
        -->
		<div class="firstdiv">我是一个div</div>
		<div class="secdiv">我是一个div</div>
		<hr />
		<span>我是一个span</span>
		<span>我是一个span</span>
		
	</body>
</html>
样式:
.firstdiv{
	background-color: red;
	width: 200px;
}
.secdiv{
	background-color: yellow;
}

猜你喜欢

转载自blog.csdn.net/LXLXLJLJ/article/details/107297658