丛学达的专栏

Transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动translate具体如何实现，老样子，我们就从transform的语法开始吧。语法： tra

1. 基本使用 ：background:url(1,jpg) no-repeat 0 0,url(2.jpg) no-repeat repeat-x bottom;  背景图片分为先后顺序，最上边的元素要写在首位，一次往下排优先顺序。

参考 http://www.ibm.com/developerworks/cn/web/1011_guozb_html5off/

localStorage和sessionStorage的方法setItem存储value用途：将value存储到key字段用法：.setItem( key, value)代码示例： localStorage.setItem("key","value"); sessionStorage.setIt

box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有属性定义firefox(-moz)、opera(-0)、chrome/safari（-w

这两天在看在移动端通过浏览器获取地理位置的相关方法，顺便深入了解一下百度地图API的相关功能。测试实例包含了以下功能：(1)通过IP地址获取城市地址（并不完全准确，存在代理IP或IP中转时定位与实际位置不一致的情况）(2)通过移动端浏览器及GPS定位位置坐标(3)根据位置坐标转换百度地图坐标(4)根据位置坐标逆推城市具体地址功能（存在一定误差）(5)通过使用百度API展示地

CSS3提供了一个令人心动的动画属性：animation，尽管利用animation做出来的动画没有flash或者javascript做出的动画流畅绚丽，但是从代码量和开发时间上提供了便利。animation基本语法是：animation:name keeping-time animate-function delay times iteration final;第

过渡：     语法：property transition-property ： none | all | [ IDENT> ] [ ',' IDENT> ]* 语法： transition-duration ： time> [, time>]*  transition-duration是用来指定元素 转换过程的持续时间，取值：为

正文    对HTML5有过了解的童鞋一定会知道它可以说非常使用的一个新特性,就是出现了元素拖放的接口,具体的API想详细了解的建议直接w3school去了解.    (1) 通过draggable属性使你的元素可拖拽.    这里我会对用到东西一点点的做出声明以及解释,铺垫的差不多了开始上干货,先构建一下基础的html和css,因为本文主旨不是样式所以没搞得太美观

webkit内核的safari、 Chrome是支持的  根据以上图片示例改成：background-image:-webkit-linear-gradient(top,#ccc,#000,#a3dbff); top :是指方向 开始可以为:top,left top, left     ，结束是相对应的。对IE渐变处理IE浏览器实现渐变只能使用IE自己的滤镜去实

现在有了 CSS3 的 border-radius 特性之后，实现边框圆角效果就非常简单了，而且其还有多个优点：一是减少网站维护工作量；二是提高了网站的性能，少了对图片的 HTTP 的请求，网页载入速度将变快；三是增加视觉美观性。　　既然 border-radius 有这么多好处，我们就从他的语法，属性和属性值等方面来看其如何应用，又是如何制作圆角，还有就是除了制作圆角他还能制作什么？

基础知识语法：R：红色值。正整数 | 百分数G：绿色值。正整数 | 百分数B：蓝色值。正整数 | 百分数A：透明度。取值0~1之间RGB色彩模式（也翻译为“红绿蓝”，比较少用）是工业界的一种颜色标准，是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，RGB即

说明：可以给一个对象应用一组或多组阴影效果，方式如前面的语法显示一样，用逗号隔开。text-shadow: X-Offset Y-Offset Blur Color中X-Offset表示阴影的水平偏移距离，其值为正值时阴影向右偏移，如果其值为负值时，阴影向左偏移；Y-Offset是指阴影的垂直偏移距离，如果其值是正值时，阴影向下偏移反之其值是负值时阴影向顶部偏移；Blur是指阴影的模糊程度

最近用HTML5写了个手机站，在测试的时候发现在苹果手机上的一个问题。所有的按钮都被了苹果自带的样式给替换了。效果如下： 但是正确的应该是酱紫滴！~ 只要在样式里面加一句去掉css去掉iPhone、iPad的默认按钮样式就可以了！~input[type="button"], input[type="submit"], input[type="