CSS 学习笔记#4 盒子模型

1. 大小及其限制

width min-width max-width

height min-height max-height

2. 内容溢出

overflow 隐藏 hidden 滚动条 scroll

3.边框

宽度：

border-width

样式：

border-style 一堆属性

颜色：

border-color

快捷方式：

直接打border

4. 内外边距

内边距：

padding 上 top 右 right 下 bottom 左 left

外边距：

margin 上 top 右 right 下 bottom 左 left

快捷方式：

直接打padding、margin，属性顺序上右下左。

5. 内联元素与块级元素的转换

display 块级转内联 inline 内联转块级 block 让一个块级元素像内联元素一样浮动并保持其他块级元素的特征 inline-block 隐藏 none

6. 盒子的隐藏

visibility 隐藏 hidden 显示 visible

7. 边框图像

border-image

8. 盒子的投影

box-shadow

9. 圆角

border-radius

10.椭圆形（圆角的拓展）

border-radius