您的位置:首页 > Web前端 > CSS

CSS 盒模型

2015-10-07 21:07 597 查看
[b]CSS 盒子模型[/b]

盒子内容--》盒子填充--》盒子边框--》盒子边距
每个属性又有上,下,左,右,是个部分。

content padding border margin

content = width * height

padding border margin都有 left, right, bottom, left.

width : <length> (px em) | <percentage> | auto | inherit
percentage, 大部分参照物是父元素。

<style type="text/css">

div, span {
background-color: #ccc;
width: 50%;
}

span { width: 200px;}
</style>

<body>

<div class="singal">singal</div>
<br/>
<span>inline</span>


  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: