最常见的办法就是基类（最常用的网站布局）+扩展类（几种不同的网站布局类）来实现不同的布局。 header main footer针对不同布局编写不同的css代码，通过js判断设备、不同分辨率调用不同的布局样式，从而实现同一套前端Html代码适配不同设备和场景，给用户带来最佳的操作体验。自从响应式布局...
分类：
Web程序 时间：
2014-09-15 19:04:29
阅读次数：
290
CSS3
target伪类是众多实用的CSS3特性中的一个。它用来匹配文档(页面)的URI中某个标志符的目标元素。具体来说，URI中的标志符通常会包含一个”#”字符，然后后面带有一个标志符名称，比如#respond，target就是用来匹配ID为respond的元素的。
现在在页面中，点击一个ID链接后，页面只会跳转到相应的位置，但是并不会有比较明显的UI标识，使用:target伪类可以...
分类：
Web程序 时间：
2014-09-15 17:55:39
阅读次数：
306
CSS3设计3D效果图使用到CSS3中的变形、缩放、倾斜。只写了兼容Gecto的。发张图片鼓励自己 顶面 左面 ...
分类：
Web程序 时间：
2014-09-15 17:25:59
阅读次数：
389
最近一直做移动端，没和IE6打交道了，瞬间感觉世界变美好了。移动端虽然还是各种坑，但是比起修复IE6那还是轻松多了，移动端很多效果可以用CSS3来做，感觉一切都和谐的。:before :after也许大家认识它是从清楚浮动开始的。它在我眼里就是两个标签，而且非常实用好用，常用它你会发现，你可以省去很...
分类：
其他好文 时间：
2014-09-15 15:54:09
阅读次数：
241
今天在办公室亲眼目睹了同事使用CSS3滤镜为一张漂亮的照片轮廓加上了阴影，瞬间亮瞎了我的的双眼，见笑了。所以也迅速尝试使用CSS3滤镜让最新出炉的MUI LOGO也性感一把，试图来愉悦一下大家的双眼。已经等不及了，赶紧奉上今天的测试结果。CSS3滤镜包括了以下几种：只取其一，同时存在时，后边覆盖前边...
分类：
Web程序 时间：
2014-09-15 15:53:09
阅读次数：
439
1.纯CSS3实现超酷的磁带动画我们要用纯CSS3来实现一个超酷的磁带动画特效。首先用纯CSS3绘制了一个磁带的外观，还是相当逼真的，然后用CSS3的动画属性实现了磁带的旋转，就像在播放歌曲一样，如果配合HTML5的音频播放功能，就和那个磁带播放器差不多了。在线演示源码下载2.HTML5仿Apple...
分类：
Web程序 时间：
2014-09-15 15:30:39
阅读次数：
248
-webkit-filter现在规范中支持的效果有：grayscale 灰度sepia 褐色saturate 饱和度hue-rotate 色相旋转invert 反色opacity 透明度brightness 亮度contrast 对比度blur 模糊drop-shadow 阴影-webkit-fil...
分类：
Web程序 时间：
2014-09-15 14:14:18
阅读次数：
330
p:before{content:"开始+";}//在p标签内容之前插入内容p:after{content:"←结束";}//在p标签内容结束之后添加p:first-child{ color:#FC6;}//符合条件的第一个子元素p:last-child{color:#3F3;}//最后一个子元.....
分类：
Web程序 时间：
2014-09-15 14:09:08
阅读次数：
222
原文来自：html5移动web开发实战 第83页如果你还想把IE9或者其他的iE版本支持css3,css3 PIE(http://css3pie.com)可以帮你下载PIE文件，通过如下的方式把它包含进你的CSS样式规则中：-pie-bakcgourn:linear-gradient(top,#ee...
分类：
Web程序 时间：
2014-09-15 12:45:18
阅读次数：
172
关键字： ::selection
为了个性化网站主题，可以对文本高亮背景颜色进行设置。
:selection {
background: #ffb7b7; /* WebKit/Blink Browsers */
}
::-moz-selection {
background: #ffb7b7; /* Gecko Browsers */
}
一个简单的例子：...
分类：
Web程序 时间：
2014-09-14 19:24:17
阅读次数：
269
