• 不断学习才有回报,学无止境!

Unicode编码css中文字体

Unicode编码css中文字体
对于一个从事网页设计(也常说成DIV+CSS)的朋友来说,可能会遇到过这样的问题,就是在CSS里像这样设置某对象的字体:font-family:1.5em/1.75,’黑体’,Arial; 结果有些时候不起作用,用Firebug来查看才发现浏览器解释这个代码的时候,出现乱码了,所以不起作用。那怎么解决这个乱码问题呢,由于CSS文件基本都是UTF-8的编码模……继续阅读 »

7年前 (2017-09-18) 1420浏览 0评论

纯CSS做的火车头效果

纯CSS做的火车头效果
今天无意中在网上发现尤文牛人用纯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 timing-function: steps() 详解

CSS3 timing-function: steps() 详解
一、不堪回首的过往在应用 CSS3 渐变/动画时,有个控制时间的属性 。它的取值中除了常用到的 三次贝塞尔曲线 以外,还有个让人比较困惑的 steps() 函数。在许多相关文章里,关于这个函数的解释都比较含糊其辞,比如:steps() 第一个参数 number 为指定的间隔数,即把动画分为 n 步阶段性展示,第二个参数默认为 end,设置最后一步的状态,……继续阅读 »

9年前 (2016-06-12) 1948浏览 0评论

用纯css3实现花格纹理背景

用纯css3实现花格纹理背景
利用纯css3实现花格纹理背景,纯css3实现花格纹理背景是一款无需任何图片和js脚本即可以实现形式多样的花纹背景,包含横向和竖向栅格背景、马赛克背景等等,还可以自己扩展,非常棒的效果。效果:CSS样式部分 body { font-family: Georgia, serif; } .stripes { heig……继续阅读 »

9年前 (2016-05-13) 2180浏览 0评论

移动端web开发技巧

移动端web开发技巧
移动端web开发技巧汇总与经验分享,已经涵盖了web移动端开发的方方面面,web移动端开发不可多得的干货,值得一看。这是一个最好的时代,因为我们站在潮流中;但也是一个最坏的时代,因为我们站在潮头上。<span style="font-size: xx-large;">META相关</span>1. 添加到……继续阅读 »

9年前 (2016-05-07) 1830浏览 0评论

IE6 IE7绝对定位导致相邻元素margin-top失效

IE6 IE7绝对定位导致相邻元素margin-top失效
描述在IE6、7中,定位元素会导致其紧随的相邻标签margin-top失效HTML代码对应CSSIE6/7效果可以看到,在IE6/7中,紧跟在绝对定位DIV后面的标签,margin-top失效了解决方案在两个元素中插入空标签,占位使用padding-top代替margin-top最后采取了第二种方案解决。……继续阅读 »

9年前 (2016-04-20) 1806浏览 0评论

网页加载后图片翻转效果的CSS3代码

网页加载后图片翻转效果的CSS3代码
特效说明:这是一款CSS3网页加载后图片翻转效果代码,基于CSS3属性transform编写简单动画,随简单,但是效果很好的图片翻转效果。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器)使用方法:调用CSS样式:<link rel="sty……继续阅读 »

9年前 (2016-04-11) 1742浏览 0评论