专注于前端开发、平面广告、网页设计
PDF文件，其实也是经常用到的，但是从来没有想过它的文件量的大小，当大量使用时，就必须想到要控制文件量的大小。尤其是放在FTP让其它人共享，必然要——压缩PDF文件。
下面说一下我是如何操作的吧。
工欲善其事，必先利其器。首先亮出今天的武器——Adobe Acrobat 9 Professional。所以，需要先下载，然后安装。
我们知道，阅读PDF文件的软件挺多，比如Adobe Reader 9、克克PDF阅读器、福昕阅读器等，不过能够创建和修改PDF的软件，我还是推荐Adobe Acrobat 9 Professional。
点击“文件”，选择“导出”——“图像”——“JPEG”，将原来的PDF导出成n张图片。
AI+CDR+FH+PSD+PDF+EPS缩略图补丁对于不是做设计的朋友可能不知道是干什么的，其实它是针对常见的设计文件格式缩略图预览的一个小补丁，该补丁可以让你的电脑在没有安装某些设计软件时通过缩略图来大概预览文件的内容，这样找寻文件方便多了，对于做设计的朋友来说应该有一定实用价值。此AI+CDR+FH+PSD+PDF+EPS缩略图补丁根据中印会员bitera1的缩略图预览补丁批处理版修改而成，增加了EPS预览功能，同时把XP版和win7版做在一起，软件自动判断系统版本，执行相应补丁。 网上也有一个类似的旧版补丁，不过据说不支持win7。此新版AI+CDR+FH+PSD+PDF+EPS缩略图补丁增加对win7的支持。 全文阅读 »
可能也有很多童鞋遇到过这样的困扰，就是透明背景上的文字的透明问题。如果背景透明，那么在背景上的文字也势必会继承背景的透明属性，这里有位达人有个好办法，请看：
样式部分：
<style type=”text/css”>
#container{ border:1px solid #c00; background-color:rgba(212,0,0,0.5); *background:#f00; *filter:alpha(opacity=50); width:500px; margin:40px auto; line-height:200%; font-size:14px; padding:14px;}
#container *{ position:relative;}
</style>
代码部分：
<div id=”container”>
<span>我是内容我是内容我是内容我是内容</span>
</div>
<p>兼容ie6,ie7以及firefox的css透明滤镜，文字不继承其透明属性。</p>
兼容ie6,ie7以及firefox的css透明滤镜，文字不继承其透明属性。
全文阅读 »
可能有些童鞋在做div+css网页设计的时候突然IE6不能正常解析CSS文件，解决半天也不得其解，其实这个问题我也是遇到过的。
如果网页采用了 UTF-8 编码格式，这本来没有问题，问题是外部 CSS 文件默认是 ANSI 编码，并没有保存为 UTF-8 格式。可能你会发现在一般情况下这样也是没有问题的，然而当 CSS 文件中包含有中文注释时就可能不尽如人意了！估计是 IE6 版本以下的浏览器在解析这个 CSS 文件时因为编码问题而无法正确解析，所以才会发生 CSS 在 IE6 下不起作用的情况。看来微软已注意到这个问题，在 IE7 中把它修复了。
但是用IE6 的人还是不少。因此这个问题需要解决：
方法一：把 CSS、JS 和网页文件都统一保存为 UTF-8 格式。
方法二：去掉 CSS、JS 中的中文注释，或者改为英文。
上文为IE6因为编码问题无法正确解析CSS文件
有时候我们发现我们写的html页面引用外部css文件的时候在IE7和FF中能够很好的被解析，即能正常显示，可在IE6中却完全没有被解析，即css文件里的样式根本没应用到我们的html页面，这是怎么回事？开始我把css文件里头的所有样式都复制粘贴到html页面中的
中，这样做以后，IE6、IE7、FF都能正常显示了，这也就说明外部的css文件应该是存在什么问题了，为什么在IE6中出现这问题，而在IE7和FF中却没有？网上google了下，发现是IE6中对页面的编码有严格的要求，我查看了下，朋友发过来的css文件用的编码是GB2312的，而html文件用的是utf-8的，原来问题就出在这里了，我把css文件内容的编码用ed改成utf-8，再次测试的时候，一切恢复正常了，还有就是我发现朋友的css文件里面用中文注释，严重建议朋友们不要在css文件里面用中文来注释，这样也会引起编码的问题。
对于前端开发的童鞋来说，自动换行是个问题，正常字符的换行是比较合理的，而连续的数字和英文字符常常将容器撑大，挺让人头疼，现在总结一下CSS如何实现换行的方法，只要在CSS中定义了如下句子，可保网页不会再被撑开了。
对于div,p等块级元素
正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行
对于IE浏览器：
连续的英文字符和阿拉伯数字,使用word-wrap: break-word ;或者word-break:break-all;实现强制断行
html
<div id=”wrap”>52sonen52sonen52sonen52sonen52sonen52sonen</div>
css
#wrap{word-break:break-all; width:200px;}
或者
刹那间生活变的那样的无趣，变得那样的阴暗，心情是那样的阴霾，身体是那样的疲惫不堪，心灵却是伤痕累累感觉好像所有的一切都成为灰烬，剩下的只有惨不忍睹的记忆和撕心裂肺的爱情，每天都活在伤感和痛苦之中，不知是我一时间对生活失去了信心还是生活在捉弄于我，感觉自己不受控制，感觉自己不属于自己，属于阴霾的天气和伤感的文字。 全文阅读 »
div和span、relative和absolute、display和visibility是很容易混淆和弄错的HTML标签与CSS属性，今天52CSS.com简单的罗列出它们的区别与使用要点，供大家参考。
一、div和span的区别
div是一个块级元素，可以包含段落，表格等内容，用于放置不同的内容。一般我们在网页通过div来布局定位网页中的每个区块。
span是一个内联元素，没有实际意义，它的存在纯粹是为了应用样式，给一段内容加上<span></span>标记可以通过在span上定义样式来设定其内容的样式。
二、relative和absolute的区别
relative，CSS中的写法是：position:relative; 他的意思是绝对相对定位，他是参照父级的原始点为原始点，无父级则以BODY的原始点为原始点，配合TRBL进行定位，当父级内有padding等CSS属性时，当前级的原始点则参照父级内容区的原始点进行定位。
absolute，CSS中的写法是：position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位，在没有设定TRBL，默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位，位置将由TRBL决定。
三、display和visibility的区别
display:none和visibility:hidden都可以隐藏一个元素
但visibility:hidden只是隐藏了元素的内容，但其使用的位置空间仍然被保留。
而display:none则相当把元素从页面中去除，其占用位置也将被删除。
一、检查HTML元素是否有拼写错误、是否忘记结束标记
即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
二、检查CSS是否正确
检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。
三、确定错误发生的位置
假如错误影响了整体布局，则可以逐个删除div块，直到删除某个div块后显示恢复正常，即可确定错误发生的位置。
无处不在的CSS sprites——是为数不多的几个可以绕过“逐渐流行”阶段，而直接让自己成为CSS最佳实践的Web设计技巧中的一个。尽管在A List Apart对它进行一个解释以及赞同认可这种方式之前，它还没有真正地流行。它最早是由Petr Stanícek.在2003年7月提出来作为一个CSS的解决方案。
Ah, the ubiquitous CSS sprites — one of the few web design techniques that was able to bypass “trend” status almost instantly, planting itself firmly into the category of best practice CSS. Although it didn’t really take off until well after A List Apart explained and endorsed it, it was discussed as a CSS solution as early as July, 2003 by Petr Stanícek.
当今许多web程序员对这项技巧（CSS sprites）有着很娴熟的应用能力，介绍CSS sprites的教程和文章也是不计其数。几乎在每一篇教程中，都要求设计师以及程序员应该实施CSS sprites以减少HTTP请求和节省带宽。迄今为止，这项技术已经被许多网站所应用了，包括亚马逊，正在使用着极大数量的sprites图片。
Most web developers today have a fairly strong grasp of this technique, and there have been countless tutorials and articles written on it. In almost every one of those tutorials, the claim is made that designers and developers should be implementing CSS sprites in order to minimize HTTP requests and save valuable kilobytes. This technique has been taken so far that many sites, including Amazon, now use mega sprites.
可是 这项技术被广泛热议的带来的好处真的值得么？设计师们是否可以在没经过仔细考虑所有方面的因素的情况下转而使用CSS sprites？在这篇文章中，我将来讨论一下CSS sprites的一些赞同或者反对使用CSS sprites的意见，尤其集中在大量使用的sprites，以及为什么这样子使用CSS sprites在许多情况下是等同于浪费时间。
Is this much-discussed benefit really worthwhile? Are designers jumping on the CSS sprite bandwagon without a careful consideration of all the factors? In this article, I’m going to discuss some of the pros and cons of using CSS sprites, focusing particularly on the use of “mega” sprites, and why such use of sprites could in many cases be a waste of time.
