04 CSS3-盒子相关样式

盒子相关样式

一，盒子的类型

在CSS中我们利用display属性来定义盒子的类型，块级元素属于block类型，行内元素属于inline类型，其中还有block-inline类型。

实现方式：

display: 属性值；

属性列表

二，内容溢出盒子边界处理

实现方式：

1，常用边缘裁剪

overflow：属性值

属性列表

2，左右边缘裁剪

overflow-x:属性值

3，上下边缘裁剪

overflow-y:属性值，

2与3部分属性列表

三，盒子阴影

实现方式：

box-shadow: x偏移值 y偏移值 模糊程度 模糊颜色;

属性列表