css3的学习笔记1

【css3的学习笔记1】的更多相关文章

CSS3 Animation学习笔记

Internet Explorer 9,以及更早的版本, 不支持 @keyframe 规则或 animation 属性. Internet Explorer 10.Firefox 以及 Opera 支持 @keyframes 规则和 animation 属性 Chrome和Safari需要前缀-webkit- @keyframes(关键帧) animation 使用规则,Name must,duration must Animation turn 顺序 animation 所有动画简写,除…

css3动画学习笔记

具体学习地址:http://www.imooc.com/learn/33CSS3中的三种动画:tranform形变动画/transition缓动动画/animation逐帧动画; tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形; transition: property/当设置为all时,表示更改所有中点值的属性 /duration/设置过渡所需要的时间/ timing-function过渡函数,设置过渡的各种状态/ delay;…

《The Book of CSS3》学习笔记

一.浏览器前缀 E{ -moz-name : value; /* Firefox */ -ms-name : value; /* IE */ -o-name : value; /* Opera */ -webkit-name : value; /* WebKit */ name : value; /* 适应未来标准方式 */ } 二.媒体查询 1.使用媒体查询的3种方式 head部分 <link href="css.css" rel="stylesheet"…

CSS3选择器学习笔记

CSS选择器总结: 一．基本选择器 1.通配选择器:[ * ] 选择文档中所以HTML元素. *{margin: 0;padding: 0;} /*选择页面中的所有元素并设置margin和padding值为0*/ .mumu *{background:#000;} /*选择类名为mumu的元素下面的所有元素设置背景为黑色*/ 2.元素选择器:[ E ] 选择指定类型的HTML元素. p{color:red;} /*选择p元素*/ 3.ID选择器: [ #id ] …

一. 边框 1. border-color border-color是设置边框的颜色.包括border-top-color,border-left-color,border-right-color,border-bottom.但是这里有一个border-XXX-colors样式,可以为边框设置多个颜色.其中如果你设置了border的宽度是X px,那么你就可以在这个border上使用X种颜色,每种颜色显示1px的宽度.如果说你的border的宽度是10个像素,但是只声明了5或6种颜色,那么…

css3 3d学习笔记

几个属性: -webkit-perspective:0;景深(默认0), -webkit-perspective-origin:center center;景深基点(默认中间), -webkit-transform-style:preserve-3d;建立3D空间, -webkit-transform-origin:center center 0;3D变换基点(默认z轴0开始), 在3D空间里面,rotateX是绕着X轴翻转,正数逆时针翻转:rotateY绕着Y轴翻转. 动画几个属性: 动画持续…