欢迎访问 夜阑小雨 我的学习碎片档案,这里记录了我的学习内容和工作中经验,希望给您带去帮助。

 分类:Web前端

提高CSS的网页渲染效率

提高CSS的网页渲染效率
CSS学习越深入,我们需要关注的细节之处就越多,今天我们通过11个注意点来提高CSS的网页渲染效率。   1、十六进制的颜色值对位数与大小写   编写十六进制颜色值时你可能会用小写字母或省略成3位数,关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响,但十六进...

15年前 (2009-08-24) 976℃ 0评论 0喜欢

css文字重复IE bug导致文字的奇怪复制

css文字重复IE bug导致文字的奇怪复制
当多个浮动的元素彼此跟随,中间加注释的时候,最后一个浮动元素内的文本偶尔会复制到最下面去。学名Duplicate Characters Bug 程序代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio...

15年前 (2009-08-24) 914℃ 0评论 0喜欢

css一招解决不同浏览器页面错位

css一招解决不同浏览器页面错位
用CSS+DIV来写网站代码的好处显而易见,这里不多说了,但由于不同浏览器对CSS的解释不统一,造成不同浏览器下页面错位的现象十分常见…… 页面乱的原因是因为IE6认为一个DIV超宽了,所以把本应float;right的DIV挤了下去。而如果设置为IE6下显示正常的宽...

15年前 (2009-08-24) 1044℃ 0评论 3喜欢

40 个logo设计教程

40 个logo设计教程
40 个logo设计教程 logo设计是具有独特技巧的图形设计的一种. 对于从哪儿开始学习这种很好的科目(discipline?),似乎很困难. 在这儿我们收集了40个极好的logo设计教程来帮助你提高这种设计能力. 1. logo设计视频教程2. 用户定制的logo...

15年前 (2009-08-24) 2054℃ 0评论 0喜欢

43个PSD to XHTML,CSS教程

43个PSD to XHTML,CSS教程
在中国,很多前端开发初学者都会把xHTML+CSS页面制作说成DIV+CSS,甚至很多人都还不知道xHTML+CSS是什么意思,只知道盲目的追求DIV+CSS,但在国外,是没有DIV+CSS这个概念的,很明显如果单从字面上去理解,DIV+CSS的网页就要全都是 div...

15年前 (2009-08-24) 1232℃ 0评论 0喜欢

10个CSS简写技巧让你永远受用

10个CSS简写技巧让你永远受用
CSS简写就是指将多行的CSS属性声明化成一行,又称为CSS代码优化。CSS简写的最大好处就是能够显著减少CSS文件的大小,其实还有很多其他益处。臃肿而杂乱的CSS样式表会使你遇到问题是难以调试。尤其是当一个团队在进行设计的时候,你的臃肿的CSS代码会使你的团队其他成...

15年前 (2009-08-24) 929℃ 0评论 0喜欢

WordPress的10个杀手级Hack技巧

WordPress的10个杀手级Hack技巧
2008年对WordPress来说是非同寻常的一年,它的软件多次更新,最终促成重大版本2.7的发布,许多网站因此也开始使用WordPress软件。一些用户在使用过程中对WordPress的代码等作了许多改进,更多WordPress用户也因此受益。 这篇文章将向大家介绍...

15年前 (2009-08-20) 994℃ 0评论 0喜欢

总结几个CSS小技巧

总结几个CSS小技巧
一、button的使用 button标签是W3C HTML标准中按钮的标准代码,或许你还在使用Input的方法,但button标签拥有更灵活的使用方式和更丰富的表现形式,越来越受到广大设计师的亲睐(说的好假-_-) 但问题也出现在这个button标签在ie看来可不是那...

15年前 (2009-08-17) 965℃ 0评论 0喜欢

40+ WordPress中的Tricks and Hacks技术

40+ WordPress中的Tricks and Hacks技术
原文链接:40+ Most Wanted WordPress Tricks and Hacks 虽然是e文,但都很简单,只要认真看看,实践一下,就会懂了。 有什么不清楚的可以一起讨论讨论! Don't miss any article. Subscribe to R...

15年前 (2009-08-17) 1056℃ 0评论 0喜欢

CSS3 实现圆角方法

CSS3 实现圆角方法
大家也知道。CSS3将可能在明年就正式的加入到了我们的设计中,而就如我上次给大家介绍的CSS3 PDF一样,这次更新带来了很多新的革命,虽然还有一些是我们不知道的,但是在国外已经有朋友公布了很多教程,而这篇教程也是来自国外,原文链接。我也只是稍微的翻译下,希望大家能...

15年前 (2009-08-17) 866℃ 0评论 0喜欢

5个国外CSS学习站点

5个国外CSS学习站点
我个人常去Cssglobe和Csstricks,不知道你们喜欢哪些,不介意的话可以推荐下哦. 1.cssglobe.com 2.webdesignerwall.com 3.askthecssguy.com 4.css-tricks.com 5.cssadd...

15年前 (2009-08-17) 913℃ 0评论 0喜欢

25个CSS教程

25个CSS教程
1. CSS Gradient Text and Background CSS Gradients using pure CSS Background gradients and CSS CSS Gradient Text Effect Pure CSS Text...

15年前 (2009-08-17) 940℃ 0评论 0喜欢

如何实现CSS浮雕效果?

如何实现CSS浮雕效果?
一直在作仿Apple风格的主题,但是Apple有一个文字效果一直不能模仿出来,那就是浮雕效果如图,采用CSS样式制作浮雕效果文字网上搜索了很久,一直没有一个完美的答案,今天从国外网站看到一个利用CSS样式作出浮雕效果的文章,效果非常好,兼容各主流浏览器,不过要应用到W...

15年前 (2009-08-17) 1170℃ 0评论 0喜欢

28个网页设计必备工具

28个网页设计必备工具
任何一个行业发展到一个阶段之后,其应用都会越发的平民化,只要你够勤劳,你就可以创造自己的价值,网页设计也同样如此,如今网页设计的辅助软件和在线工具越来越多,并且都细化到了极致,各司其职,为Web设计者更好更快地提高工作效率带来了莫大的帮助,酷秀为我们翻译整理的28个优...

15年前 (2009-08-17) 1167℃ 0评论 0喜欢

常用CSS样式属性

常用CSS样式属性
★CSS文字属性: color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-v...

15年前 (2009-08-17) 1037℃ 0评论 0喜欢

深入理解css中的position定位和z-index属性

深入理解css中的position定位和z-index属性
由于平时不太用到,所以过去写css的时候对于position属性的absolute、 relative值理解比较模糊,对于z-index的层叠更是摸不着头脑,除了理解的因素外,各个浏览器的不同解析结果也是一个大问题。今天仔细阅读了 一下css文档,总算是对盒模型的浮动...

15年前 (2009-08-03) 969℃ 0评论 0喜欢

使用CSS制作网页的15条常识

使用CSS制作网页的15条常识
首先大家应该明白,使用DIV+CSS做网页排版不是换个标签然后再去按照表格的方式去排版,而是需要做到网页制作的内容与表现的分离。 1: ID 用于标识页面单独元素以及持久行的结构性元素 方便JS的调用,类用于标识同一页面可重复定义使用的结构性元素 ID与类的命名需与表...

15年前 (2009-08-03) 912℃ 0评论 0喜欢

CSS布局口诀

CSS布局口诀
一、IE边框若显若无,须注意,定是高度设置已忘记; 二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中; 三、三像素文本慢移不必慌,高度设置帮你忙; 四、兼容各个浏览须注意,默认设置行高可能是杀手; 五、独立清除浮动须铭记,行高设无,高设零,设...

15年前 (2009-08-03) 873℃ 0评论 0喜欢

All About Floats

All About Floats
What is “Float”? Float is a CSS positioning property. To understand its purpose and origin, we can look to print design. In a print la...

15年前 (2009-08-03) 1098℃ 0评论 0喜欢

高级WordPress模板代码帮助手册中文版

高级WordPress模板代码帮助手册中文版
这是Wordpress模板高级代码帮助中文版,如果你是个新手,可以看之前的WordPress模板简易代码帮助中文版。 指定example.php中的内容只在首页显示 <?php if ( is_home() ) { include ('example.php')...

15年前 (2009-07-22) 909℃ 0评论 0喜欢

WordPress2.8 body_class()函数

WordPress2.8 body_class()函数
body_class()函数在Wordpress2.7几乎和post_class()有同样的运行方式,唯一不同的是class的生成。body_class()函数生成的class大多是根据你的访问者在网站的位置。例如,如果访问者在你的博客首页,但你没有设置一个静态主页,...

15年前 (2009-07-22) 873℃ 0评论 0喜欢