CSS常用文档

你的名字 2022-09-02 14:43 176阅读 0赞

## 布局 ##

*  [flex：弹性][flex]
 *  [float：浮动][float]
 *  [clear：清除浮动][clear]
 *  [@media：媒体查询][media]

## CSS3动画 ##

*  [transition：过渡动画][transition]
 *  [transform：2D或3D转换][transform_2D_3D]
 *  [animation：动画][animation]
 *  [@keyframes：动画规则][keyframes]

## CSS3效果 ##

*  [(linear/radial)-gradient：渐变][linear_radial_-gradient]
 *  [box-shadow：元素阴影][box-shadow]
 *  [text-shadow：文字阴影][text-shadow]
 *  [text-stroke：文字描边][text-stroke]
 *  [opacity：透明度][opacity]
 *  [transparent：全透明 同等于 rgba(0,0,0,0)][transparent_ _ rgba_0_0_0_0]

## 常用设置 ##

*  [letter-spacing：字符间距][letter-spacing]
 *  [text-indent：首行缩进][text-indent]
 *  [word-wrap：强制换行][word-wrap]
 *  [cursor：光标的类型（形状） （手型：pointer）][cursor_ _pointer]
 *  [outline：轮廓属性 （表现为元素获得焦点后有轮毂线，设置node则取消）][outline_ _node]

## 伪类 ##

*  [伪类][Link 1]

## 伪元素 ##

*  [伪元素][Link 2]

[flex]: http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
[float]: http://www.w3school.com.cn/cssref/pr_class_float.asp
[clear]: http://www.w3school.com.cn/cssref/pr_class_clear.asp
[media]: http://www.runoob.com/cssref/css3-pr-mediaquery.html
[transition]: http://www.w3school.com.cn/cssref/pr_transition.asp
[transform_2D_3D]: http://www.w3school.com.cn/cssref/pr_transform.asp
[animation]: http://www.w3school.com.cn/cssref/pr_animation.asp
[keyframes]: http://www.w3school.com.cn/cssref/pr_keyframes.asp
[linear_radial_-gradient]: http://www.runoob.com/css3/css3-gradients.html
[box-shadow]: http://www.w3school.com.cn/cssref/pr_box-shadow.asp
[text-shadow]: http://www.w3school.com.cn/cssref/pr_text-shadow.asp
[text-stroke]: https://www.css88.com/book/css/properties/only-webkit/text-stroke.htm
[opacity]: http://www.w3school.com.cn/cssref/pr_opacity.asp
[transparent_ _ rgba_0_0_0_0]: https://www.css88.com/book/css/values/color/transparent.htm
[letter-spacing]: http://www.w3school.com.cn/cssref/pr_text_letter-spacing.asp
[text-indent]: http://www.w3school.com.cn/cssref/pr_text_text-indent.asp
[word-wrap]: http://www.w3school.com.cn/cssref/pr_word-wrap.asp
[cursor_ _pointer]: http://www.w3school.com.cn/cssref/pr_class_cursor.asp
[outline_ _node]: http://www.w3school.com.cn/cssref/pr_outline.asp
[Link 1]: http://www.w3school.com.cn/css/css_pseudo_classes.asp
[Link 2]: http://www.w3school.com.cn/css/css_pseudo_elements.asp