码迷,mamicode.com
首页 > 其他好文 > 详细

盒子模型

时间:2017-07-16 20:22:37      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:black   tom   back   盒子模型   bsp   height   osi   dex   order   

盒子模型,学习了css以后  发现现在用的最多的选择器是class,代码先记一下。毕竟以后忘记了看见代码想到的总会比看不到想到的多许多。

<meta charset="UTF-8">
<title></title>
<style>
.out{
width: 200px;
height: 200px;
border: 4px solid black;
position: relative;
padding: 10px;
}

.in{
width: 50px;
height: 50px;
background-color: red;
position: relative;
margin-left: 30px;
margin-top: 30px;
margin-bottom: 30px;
z-index: 20;
}
.in2{
width: 50px;
height: 50px;
background-color: blue;
position: relative;
z-index: 10;
margin: -50px 0px 0px 0px;

}
</style>
</head>
<body>
<div class="out">
<div class="in">ABCD</div>
<div class="in2">EFGH</div>
</div>
<input style="margin: 100px;padding: 5px 0px 0px 30px;" type="text" />
</body>

 还有感慨就是熟能生巧,卖油翁的故事非常深刻

盒子模型

标签:black   tom   back   盒子模型   bsp   height   osi   dex   order   

原文地址:http://www.cnblogs.com/sunzhenkun/p/7191500.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!