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

Unicode编码css中文字体

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

2年前 (2017-09-18) 19浏览 0评论

纯CSS做的火车头效果

今天无意中在网上发现尤文牛人用纯CSS3写出来的火车头,在这里FORK一下,供学习之用 * { margin:0px; padding:0px; list-style:none; } body { background-color:#eee; text-align:center; } a { color:……继续阅读 »

3年前 (2017-01-23) 189浏览 0评论

CSS3 timing-function: steps() 详解

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

3年前 (2016-06-12) 529浏览 0评论

用纯css3实现花格纹理背景

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

3年前 (2016-05-13) 537浏览 0评论

移动端web开发技巧

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

3年前 (2016-05-07) 479浏览 0评论

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

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

3年前 (2016-04-20) 491浏览 0评论

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

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

3年前 (2016-04-11) 419浏览 0评论