第一章 div+css开山篇

1.1 什么是div+css

  div是区块,在网页开发中,用来存放内容(文字,图片,表格等等)

  css是层叠样式表,他的作用是用来规定div和div中的内容的位置和样式(颜色,大小,列表的样式)

div+css结合就可以做到把内容和样式分离,好处是:

1:代码简洁,便于维护。

2:理由seo【搜索引擎优化】

div+css的快速入门案例

代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>div+css快速入门</title>
		<!--
			这里我们先使用类选择器来完成 .类选择器名称
			.类选择器{
				属性名:属性值;
				属性名:属性值;
			}
			
		-->
		<style type="text/css">
			.div1{
				width:300px;
				height:300px;
				background-color:silver;
				text-align:center;	<!--/*将文字居中*/-->
				line-height:100px;	<!--将文字上下居中-->
				font-size:30px;
				font-family:华文新魏;
				margin-left:300px;<!--要控制div的位置,可以使用margin-->
				margin-top:200px;
				
			}
		</style>
	</head>
	<body>
		<div class="div1">
			泰牛程序员!
		</div>
	</body>
</html>

猜你喜欢

转载自blog.csdn.net/m0_38036750/article/details/81070535