css library
前端小牛 周振晗编纂 转载请联系1659725767@qq.com
CSS(Cascading Style Sheet)被译为级联样式表 css I want collate data about css. Today let me start it.
一、Compatible with IE6 (对IE6等版本兼容的css样式)
csshack.css(css hack) 当你需要兼容IE6.7.8等低配的时候可以愉快的使用这个小技巧
1.仅IE6识别 _
_background-color:#1e0bd1;
2.仅IE7识别 * +
* +html .bb{background-color:#a200ff;}
3.仅火狐识别 @-moz-document url-prefix(){}
@-moz-document url-prefix(){.bb{background-color:#00ff00;}}
4.IE6,7识别 +
+background-color:#a200ff;
5.IE6,7,8识别 \9
.background-color:#00deff\9;
css各浏览器兼容表
附:二、Css reset (css样式重置)
reset.css(重置样式表) 这个几乎是开始新项目必备哦
三、Css animate (css动态样式库)
animate.css(动态样式表) 这个是为了让页面更好的使用动画效果,而且很多js合作使用
官方animate.css可以看一下(主要参照效果和使用方法)
Class Name | |||
---|---|---|---|
bounce | flash | pulse | rubberBand |
shake | headShake | swing | tada |
wobble | jello | bounceIn | bounceInDown |
bounceInLeft | bounceInRight | bounceInUp | bounceOut |
bounceOutDown | bounceOutLeft | bounceOutRight | bounceOutUp |
fadeIn | fadeInDown | fadeInDownBig | fadeInLeft |
fadeInLeftBig | fadeInRight | fadeInRightBig | fadeInUp |
fadeInUpBig | fadeOut | fadeOutDown | fadeOutDownBig |
fadeOutLeft | fadeOutLeftBig | fadeOutRight | fadeOutRightBig |
fadeOutUp | fadeOutUpBig | flipInX | flipInY |
flipOutX | flipOutY | lightSpeedIn | lightSpeedOut |
rotateIn | rotateInDownLeft | rotateInDownRight | rotateInUpLeft |
rotateInUpRight | rotateOut | rotateOutDownLeft | rotateOutDownRight |
rotateOutUpLeft | rotateOutUpRight | hinge | jackInTheBox |
rollIn | rollOut | zoomIn | zoomInDown |
zoomInLeft | zoomInRight | zoomInUp | zoomOut |
zoomOutDown | zoomOutLeft | zoomOutRight | zoomOutUp |
slideInDown | slideInLeft | slideInRight | slideInUp |
slideOutDown | slideOutLeft | slideOutRight | slideOutUp |
使用方法:
1.下载引入样式表:
<link rel="stylesheet" href="animate.css">
2.行间使用样式:
<h1 class="animated infinite bounce">Example</h1>
四、The processor of css (css的处理器)
CSS预处理器技术已经非常的成熟,而且也涌现出了很多种不同的CSS预处理器语言,比如说:Sass(SCSS)、LESS、Stylus、Turbine、Swithch CSS、CSS Cacheer、DT CSS等。 到目前为止,在众多优秀的CSS预处理器语言中就属Sass、LESS和Stylus最优秀,讨论的也多,对比的也多。 这三款CSS预处理器语言具有一些相同的特性,例如:变量、混入、嵌套、函数等。
五、media 媒体查询
六、New style I know once I see (新的css好用的样式每次见到记录学习)
1.文本溢出显示省略号(这个经常需要使用哦)
ellipsis.css(ellipsis使用)
2.垂直居中的方法(这个按照情况使用哦)
3.正方形的方法(这个按照情况使用哦)
4.响应式新技能(:root的灵活使用)
……
Wiki)
(不断更新中……详见感谢您的阅读~~
conpyright by 前端小牛 周振晗编纂 转载请联系1659725767@qq.com