码迷,mamicode.com
首页 > Web开发 > 详细

CSS彻底研究(2)

时间:2014-07-07 19:50:55      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   使用   strong   

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)----
```
赋值,一个值,四个值都是这个,如
margin : 10px;` 赋值,两个值,两个值赋给 top right,也就是前两个,然后,bottom = top , left = right 赋值,三个值,分别赋值给 top right bottom,也就是前三个,然后left = right 赋值,四个值,不用多说了... 3. 在各浏览器中的表示 html ``` 在浏览器开发人员工具中的表示