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>