div的布局以及一些元素的使用
div布局 1.css将页面中的所有元素设置成了一个盒子 2.将指定的盒子摆放到指定的位置 3.盒子的组成：内容区（content）：由width， height决定 边框（border） ：盒子的边缘，为了命名规范，至少设置边框的宽度（border-width），颜色（border-color），边框的样式（border-style） 边框的大小还影响盒子的大小，不信你可以修改border-width的值。 值的设定： 四个值：上 右 下 左 三个值：上 左右 下 两个值：上下 左右 一个值：上下左右
4.内边距（padding）可以拉长盒子，改变盒子的大小，就是说，content不变，改变content外面的一个范围。 5. 外边距（margin）当前盒子与其他盒子的距离 ，决定盒子位置，同样有四个方向的值，上下左右。 具体可百度 box modle。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<style >
.box1{
height: 400px;
width: 400px;
background-color:red;
border-color: darkred;
border-width: 20px;
border-style: ridge;
padding-top: 30px;
margin-top: 200px;
margin-left: 200px;
}
</style>
</head>
<body>
<div class="box1">
<p>主播是个帅哥</p>
</div>
</div>
</body>
</html>
上一篇：
通过多线程提高代码的执行效率例子
下一篇：
https项目中使用百度地图 API?