一、前言 很久之前就了解过CSS3的线性渐变（Linear-Gradient），这段时间决定进一步认知这一特性，以下笔记以便日后查阅。二、CSS3的各种背景渐变 1. 线性渐变 示例——七彩虹 ...
分类：
Web程序 时间：
2015-07-18 12:28:10
阅读次数：
138
css3的元素旋转功能非常强大，也非常吸引人，但是很多时候因为浏览器使用率的问题，我们必需要想办法兼容一些低版本的浏览器，特别是ie这朵奇葩。 想要实现元素旋转本来很简单的一个属性就能实现，那就是transform:rotate(xxdeg)。举个例子：实现一个层旋转270deg。#dem...
分类：
其他好文 时间：
2015-07-17 20:51:44
阅读次数：
159
写在前面的话：随着移动设备的逐渐普及和Web技术的发展，跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢？我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合，来进行多种分辨率适配的例子。 文中提到的响应式网页设计（Responsive .....
分类：
Web程序 时间：
2015-07-17 18:14:16
阅读次数：
129
使用CSS3的animation动画属性实现360°无限循环旋转。代码片段： //图片路径自定义CSS样式书写如下：#change{ position:absolute; right:200px; -webkit-animation:change 2s linear infinite;}@-w...
分类：
Web程序 时间：
2015-07-16 21:35:08
阅读次数：
451
CSS3的媒体查询是对CSS2媒体类型的扩展,完善;CSS2的媒体类型仅仅定义了一些设备的关键字,CSS3的媒体查询进一步扩展了如width,height,color等具有取值范围的属性;media query 与 media type 的区别在于: media query是一个值或一个范围的值,而...
分类：
Web程序 时间：
2015-07-16 19:13:18
阅读次数：
129
css3的出现，解决了不少前端的问题，比如动画，圆角等；这里总结一下css3 的多列布局；w3c上给出了很多属性；我们一般用到column-count、column-gap、column-width这三个属性，其中column-count和column-width最好不要同时出现；还有在规定的多列布...
分类：
Web程序 时间：
2015-07-15 20:35:29
阅读次数：
129
之前在做手机项目时，用到很多自定义弹窗，然后要求都垂直水平要居中，最开始的时候想用calc来计算，可是css3 的calc兼容性不是很好，于是后来就借助了js来计算，今天偶然看到别人的一个方法，瞬间感觉自己做了很多无用功~~translate，translate，translate，translat...
分类：
其他好文 时间：
2015-07-15 18:21:20
阅读次数：
207
1. CSS3 border-radius 圆角矩形框 圆角矩形框组件是页面布局中常常用到的，利用CSS3的border-radius可非常方便的创建。 并且在横向纵向上面都有很好的扩展性和灵活性。 border-radius需要针对不用浏览器做兼容，-webkit-和-moz-部分语法还有些区别。...
分类：
Web程序 时间：
2015-07-13 23:59:26
阅读次数：
485
2D 转换（须在style里面定义）：位移，缩放，旋转，斜切（扭曲） 转换---关键字：transform;属性有：1， 位移：translate（0px，0px）属性值：（0px,0px）括号里跟两个值，用逗号分割，使元素沿x轴，y轴坐标位移，第二个值可以不给，如果不给...
分类：
Web程序 时间：
2015-07-13 23:55:29
阅读次数：
171
最佳设计：可以让用户自由控制任何页面的文字大小。 浏览器中用户都是可以自定义默认的文字大小的，如果使用 px，用户自行在浏览器设置中改变了文字大小后，网页上是不会变化的。我们不能排除视障用户（如近视）、老年用户不会这么做. 利用CSS3的rem单位，避免了em相对父元素比例的嵌套问题，为了兼容IE低...
分类：
Web程序 时间：
2015-07-13 23:50:35
阅读次数：
159
