对于一个从事网页设计(也常说成DIV+CSS)的朋友来说,可能会遇到过这样的问题,就是在CSS里像这样设置某对象的字体:font-family:1.5em/1.75,’黑体’,Arial; 结果有些时候不起作用,用Firebug来查看才发现浏览器解释这个代码的时候,出现乱码了,所以不起作用。那怎么解决这个乱码问题呢,由于CSS文件基本都是UTF-8的编码模……继续阅读 » 7年前 (2017-09-18) 1420浏览 0评论
今天无意中在网上发现尤文牛人用纯CSS3写出来的火车头,在这里FORK一下,供学习之用 * { margin:0px; padding:0px; list-style:none;}body { background-color:#eee; text-align:center;}a { color:……继续阅读 » 8年前 (2017-01-23) 1350浏览 0评论
一、不堪回首的过往在应用 CSS3 渐变/动画时,有个控制时间的属性 。它的取值中除了常用到的 三次贝塞尔曲线 以外,还有个让人比较困惑的 steps() 函数。在许多相关文章里,关于这个函数的解释都比较含糊其辞,比如:steps() 第一个参数 number 为指定的间隔数,即把动画分为 n 步阶段性展示,第二个参数默认为 end,设置最后一步的状态,……继续阅读 » 9年前 (2016-06-12) 1948浏览 0评论
利用纯css3实现花格纹理背景,纯css3实现花格纹理背景是一款无需任何图片和js脚本即可以实现形式多样的花纹背景,包含横向和竖向栅格背景、马赛克背景等等,还可以自己扩展,非常棒的效果。效果:CSS样式部分 body { font-family: Georgia, serif; } .stripes { heig……继续阅读 » 9年前 (2016-05-13) 2180浏览 0评论
效果代码.join { position: absolute; display: block; text-align: center; line-height: 40px; width: 148px; height: 40px; color: #fff5d1; border-radius: 20px; border:……继续阅读 » 9年前 (2016-05-10) 2446浏览 0评论
移动端web开发技巧汇总与经验分享,已经涵盖了web移动端开发的方方面面,web移动端开发不可多得的干货,值得一看。这是一个最好的时代,因为我们站在潮流中;但也是一个最坏的时代,因为我们站在潮头上。<span style="font-size: xx-large;">META相关</span>1. 添加到……继续阅读 » 9年前 (2016-05-07) 1830浏览 0评论
描述在IE6、7中,定位元素会导致其紧随的相邻标签margin-top失效HTML代码对应CSSIE6/7效果可以看到,在IE6/7中,紧跟在绝对定位DIV后面的标签,margin-top失效了解决方案在两个元素中插入空标签,占位使用padding-top代替margin-top最后采取了第二种方案解决。……继续阅读 » 9年前 (2016-04-20) 1806浏览 0评论
特效说明:这是一款CSS3网页加载后图片翻转效果代码,基于CSS3属性transform编写简单动画,随简单,但是效果很好的图片翻转效果。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器)使用方法:调用CSS样式:<link rel="sty……继续阅读 » 9年前 (2016-04-11) 1742浏览 0评论
Facebook #1c2b49#2f477a #3B5998 #6d84b4 #898f9c #ababab #dfdfdf #e9eaed Instagram #06365f #3f729b #a4baca #c3cfd9 #f7f7f7 #3d8b5f #68b087 Pinterest #ac171e #cb2027 #e9e9e9 #fa……继续阅读 » 9年前 (2016-01-02) 1897浏览 0评论
看效果:<!DOCTYPE html><html><head><meta charset="gbk2312"><title>动画动感按钮</title><style>body {background: #000;}.center-w……继续阅读 » 9年前 (2015-09-01) 2045浏览 0评论