CSS BUG编成了顺口溜
如果在用CSS设计网页时遇到BUG，请认真阅读以下内容，非常容易记忆的，不知道哪位高人把CSS BUG编成了顺口溜了！看看好不好记住呢？
一、IE边框若显若无，须注意，定是高度设置已忘记；
二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；
三、三像素文本慢移不必慌，高度设置帮你忙；
四、兼容各个浏览须注意，默认设置行高可能是杀手；
查看全文
Archive for WEB Design
CSS背景全攻略
原文链接：Backgrounds In CSS: Everything You Need To Know
译文链接：css 背景全攻略
转载请保留版权以及链接
——————————————————————————————
背景(background)是css中一个重要的的部分，也是需要知道的css的基础知识之一。这篇文章将会涉及css背景(background)的基本用法，包括诸如 background-attachment 等的属性，也会介绍一些有关背景(background)的常用技巧，以及 css3 中的 背景(background)(包含4个新的背景(background)属性)。
css2 中的背景(background)
概述
CSS2 中有5个主要的背景(background)属性，它们是： 查看全文
交互原型设计软件 Axure RP Pro 5 中文教程 [By Hawking]
来源：http://www.jojobox.cn/blog/article.asp?id=76
（2008.07.22 更新了Axure RP pro5 的交互部分，最下面）
一直在用visio做交互原型和画pageflow，朋友推荐用Axure RP 4，试用了一下果然不错，特别在网上找到教程转帖给需要朋友。（作者:Hawking原创）
先提供Axure RP pro 4.6版本的下载
http://www.jojobox.cn/blog/attachments/month_0803/AxureRP-Pro-Setup.zip
（软件仅供学习使用，反对商业用途 -_-！！！）
全国哀悼日：最快速度把自己网站变灰只支持IE
只要在CSS文件的最前面加上一行代码就可以了，这段代码使用的是CSS滤镜，将网页中的色彩部分给滤掉了。 但是有一个弱点就是该代码不支持Firefox，因为Firefox不支持滤镜。
CSS滤镜过滤色彩代码：
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
加上代码之后，再次刷新网页就会发现页面已经变成黑白效果。
另外，加了这些网站灰度代码，因为使用滤镜，所以网站速度会变慢！
24款实用的翻页页码css代码
话说WEB标准
好久没有动手做网站了，现在PS估计都看我不大顺眼了，而我处理ＰＰ的时候也是用最简单的批量缩小、加边框，然后就完事了，人咋的越活越懒，越来越没有上进心了，记的刚开始学WEB标准的时候，非常兴奋，在写一个新的页面的时候，调试半天，即使为了一个小功能，熬夜通宵都还很有精神，等会写了一点之后，就没有再去深入了，后来工作需要才逼迫自己要学好。
如何阻止IE7的强行串改打开的默认主页
最近刚装了IE 7,当然不是我自愿的。是微软强行让装的，不装的话，IE就没办法使用了。谁让我闲着没事让电脑自动更新的。哎！那个恨呀。。。。
IE 7装好了，结果该Ｓ的微软也真够BT的，感觉这跟流氓软件和恶意插件没有什么两样的，为什么这么说，理由就是因为装好之后，每次打开IE都会跳出这样的页面：http://go.microsoft.com/fwlink/?LinkId=69157，刚开始想说还好，我刚装好你，你让我看东西我无所谓了，但是千不该万不该就是不该每次打开都这样，真是火大。这该Ｓ的流氓，如果不是firefox有一些没办法使用的话必须用IE的话，我就不会再来使用这个混蛋的东西。
查看全文
滤镜样式的语法规则
style=”filter:滤镜名(属性1＝值1,属性2＝值2……)”
Alpha：设置透明层次
blur：创建高速度移动效果，即模糊效果
Chroma：制作专用颜色透明
DropShadow：创建对象的固定影子
FlipH：创建水平镜像图片
查看全文
真正技术员的交流基地消失了
看到公司网站有一个页面ＣＳＳ有点问题，想了到经典了解一下如何解决，结果晴天霹雳，经典竟然也被关了，真的是无语，一个真正技术员的交流基地就这么消失了。。。只看到一个公告如下：
IE与Firefox的CSS兼容问题整理
1.DOCTYPE 影响 CSS 处理
2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width
5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式，值得注意的是，一定要将xxxx !important 这句放置在另一句之上
10个你未必知道的CSS技巧
本翻译并未得到作者或网站授权。一切权利都归原作者及原网站所有。如果你得到原作者或原发表网站的授权，可以自由使用本翻译。
本文作者是：Trenton Moss || 发表网站是：http://www.webcredible.co.uk/。
1.CSS字体属性简写规则
一般用CSS设定字体属性是这样做的：
font-weight:bold;
font-style:italic;
font-varient:small-caps;
font-size:1em;
line-height:1.5em;
font-family:verdana,sans-serif;
但也可以把它们全部写到一行上去：
font: bold italic small-caps 1em/1.5em verdana,sans-serif;
真不错！只有一点要提醒的：这种简写方法只有在同时指定font-size和font-family属性时才起作用。而且，如果你没有设定font-weight, font-style, 以及 font-varient ，他们会使用缺省值，这点要记上。
查看全文
未来网站策划五大趋势
网站策划是成功网站平台建设成败的关键内容之一。在中国真正普及全职的网站策划人员严格讲是2002年，在之前更多是由技术性人才（软件项目经理、网站美工等）担任此项职位，随着中国互联网环境转晴，网站的高竞争使网站策划的地位突显。我们可以看到，许多真正处于领军性地位的网站平台90%具有一个特点 ——网站策划思路清晰合理，界面友好，网站营销作用强；因此专业的网站策划是未来网站成功的重要条件之一。
在未来，网站策划呈现以下5大趋势：
需要掌握的八个CSS布局技巧
1.若有问题时立即检测
在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用，请见 http://validator.w3.org 。请注意，在文件开头的错误，可能因为不当的结构等因素造成更多错误；我们建议先修正一些最明显的错误之后重新检测，这样也许会让错误数量爆减。
CSS命名规则
今天是Alger让我审核一下一个网页的里边的ＣＳＳ及Html的代码，我一看里边的命名真的是无语，现在还有设计人员用index_01到Ｎ的方式来命名的，首先图片的命名就不规范，其次就是ＣＳＳ里边类的及id，再次html里边的代码，哎！只好退回去让他们重新改了。不知道为什么，Alger跟他们部门的老大的说过，如果做网页的时候可以先找我沟通一下（虽然我不强，至少现在勉强比他们好一点点），结果没有，而且在下班的时候莫名其妙的接到这个CASE。个人认为网页的一些命名还是要规范的，要不，什么都以自我为中心，别人再看你的代码的时候就会完全摸不着方向的，看不懂什么意思，不管是维护还是修改都是很困难的。
网页中各度量单位的比较
在网页中对网页元素的大小修饰除了数值大小外，还有就是度量单位的选择了。不同的度量单位会有哪些不同的效果呢？首先先了解下各类单位及说明。
像素（px）
根据显示器的分辨率来确定长度，在web应用中多采用该单位；
点数（pt）
根据windows系统定义的字号大小来确定长度；
