首页 > 代码库 > CSS彻底研究(2)
CSS彻底研究(2)
Github pages 博文
一 . CSS盒模型
1.盒子的结构
margin-border-padding结构 + 内容content 组成盒模型
注意 1. width,height 取的是content区域的宽高,不包括padding border margin,但是盒子实际所占高度要算上外面三个(padding border margin) 2. 赋值顺序,顺时针,上(top)->右(right)->下(bottom)->左(left)
----top(1)----->| | | left(4) right(2) | | <---bottom(3)---- ``` 赋值,一个值,四个值都是这个,如
#test-div
{
padding: 10px;
border: 5px dotted yellow;
margin: 20px;
background-color: red;
}
</style>
<body>
内部文字