css3基础点3

盒子容不下内容的展示：overflow属性 
hidden：超过的文字就会被隐藏，看不到 
scroll：看不到的文字可以通过滚动 看到 
auto：会根据内容自动的增加水平或者竖直的滚动条 
visible：与设置此属性效果一样，会影响布局 
另外还有：overflow-x，overflow-y

盒子大小设置：box-sizing 

盒子背景样式：backgroud-clip：

1. border-box：内边距，边框和内容都会有效果
2. padding-box：只有内边距和内容有背景效果
3. content-box：只有内容会有背景效果

圆角边框：border-radius 属性设置 
图像边框：border-image

CSS3变形处理

transform属性： 
rotate(角度)：旋转 
scale（缩放比例） ：缩放 
skew （水平方向倾斜角度，垂直方向倾斜角度）：倾斜 
translate（x轴移动距离，y轴移动距离） ：移动

改变缩放的基准点：transform-origin属性 
通过改变基准点，可以使变形产生不一样的效果

inline-table

用于表格前后文字不换行，并可设置vertical-align 设置外部文字top对齐或者bottom对齐。

list-item

可以将div变为列表显示。

run-in/compact

将元素指定为以上两个类型时，若果元素后面还有block类型的元素，run-in元素将会被包含在block元素的内部，而compact类型的元素将被放置在左边。