Lesson-34 CSS 一些属性
2015-11-28 本文已影响10人
阿瑟李
| 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 |
