css3 animation 发表于 2016-06-16 | 分类于 技术文档 | | 阅读次数 CSS3 animations allows animation of most HTML elements without using JavaScript or Flash! 用css也可以写出漂亮的动画,使用keyframe来指定css属性随着时间的变化。animation类似与transi ... 阅读全文 »
css3 transition 发表于 2016-06-15 | 分类于 技术文档 | | 阅读次数 W3C标准中对CSS3的transition这是样描述的:“CSS的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。” transition 主要有四个参数 transiti ... 阅读全文 »
css3 transform 发表于 2016-06-15 | 分类于 技术文档 | | 阅读次数 transform的含义就是改变,使…变形,很好理解,这篇文章也是css3的第一篇,让我进入css3的大门,开始前进吧。这些改变全是以自身为参考的哈,改变么,就是自己的改变。注:这里的x、y、z可以大写也可以小写,如:translatex(x) 和 translateX(x) 都可以。 移动(t ... 阅读全文 »
CSS 使用技巧 发表于 2016-06-15 | 分类于 技术文档 | | 阅读次数 掌握css的使用技巧可以减少很多Google的时间,逼格也瞬间提升,这篇文章记录了一些必要的技巧,供自己和大家参考。 1. 块级元素的水平居中先为该元素设定一个明确的宽度,然后将margin的水平值设为auto。 1div#page {width: 960px; margin: 0 ... 阅读全文 »
CSS 理解优先级、布局和定位 发表于 2016-06-14 | 分类于 技术文档 | | 阅读次数 CSS是显示网页的很棒的语言,也是很好学的语言,初学css的人在修改一些样式时,往往显得力不从心,因为自己就经历过,可能明明我改了这个颜色,但是却没生效,或者我想让这个div在页面的中间显示,但是就是不在中间,要不就是不理解float、position等不好理解的属性,下面就开始学习吧。 优先级 ... 阅读全文 »