Lesson-34 CSS 一些属性

css 布局

style	说明	demo
cursor	光标在上面时候现实的样子	Demo
z-index	html 的 层级	Demo
position		Demo
float		Demo
display	显示属性	Demo
-webkit-box-shadow	阴影
-moz-box-shadow	阴影
box-shadow	阴影	[Demo]http://tympanus.net/codrops/css_reference/box-shadow/
line-height	行距	Demo
list-style-type	列表类型	Demo
list-style	整合了其他的 list-style 功能	Demo
text-decoration	文字装饰，类似下划线，删除线什么	Demo
:hover	光标在上面的时候	Demo
:focus	焦点集中的时候	Demo
outline	与 boder 类似,但是是针对可以被聚焦的元素	Demo
overflow	设置超出范围的元素怎么显示 scroll view	Demo
overflow-x	x 方向的 overflow	Demo
overflow-y	y 方向的 overflow	Demo
vertical-align	对其一个图像的位置	Demo
text-overflow	文字的不同裁切方式 是 ... 还是 >> 等等	Demo
-o-text-overflow
white-space	蚊子空白相关	Demo
word-wrap	文字是否折行	Demo
word-break	文字换行是否折断某个单词	Demo
animation	动画相关	Demo
-moz-animation
-webkit-animation
-o-animation
@keyframes	关键帧动画位置	Demo
@-moz-keyframes
@-webkit-keyframes
@-o-keyframes
box-sizing	盒子模型大小所指代的位置	Demo
-webkit-box-sizing
-moz-box-sizing
user-select	用户可以选择的元素	Demo
-webkit-user-select
-moz-user-select
-ms-user-select
opacity	透明度
transition	所有过场动画的集合	Demo
-webkit-transition-property
transition-property	转场动画作用的属性	Demo
-webkit-transition-duration
transition-duration	转场动画持续时间	Demo
-webkit-image-set	可以根据用户设备的分辨率匹配合适的图像
-moz-image-set
-o-image-set
-ms-image-set
font-style	文字风格	Demo
font-family	字体族	Demo
font-variant	类似文字风格	Demo
font-weight	文字粗细	Demo