XHTML中的alt属性和title属性
十二月 14, 2009 by zeze · Leave a Comment
XHTML是CSS布局的基础，我们一直强调XHTML知识的学习，重视语义和文档的结构。title 和alt 属性，给我最直观的感受就是，可以提高文档的适应性，并合理提高关键词密度。在XHTML标准里，图片的alt 属性是必须的。
阅读全文 >>
网页标准应该注意－有害的标签
十二月 13, 2009 by zeze · Leave a Comment
html正尝试从表现转向语意，进而分离语意（HTML）和表现（CSS）。这个已经大范围运用于网页，因为这样一个单一的表现指令（CSS文件）可以使用在许多的页面。这样，网站更利于治理，想改变全站只需改变一个简单的代码。
一些有害的标签其实是简单的表现标签（比如small），它们可以用CSS里面相同意思的代码取代。其他一些不是表现的标签，但却没必要（比如font标签）或者对可用性不利（比如blink）。 阅读全文 >>
CSS样式表设计的十条技巧
十二月 13, 2009 by zeze · Leave a Comment
1、css 字体简写规则
当使用css定义字体时你可能会这样做：
| 以下为引用的内容： font-size: 1em; line-height: 1.5em; font-weight: bold; font-style: italic; font-variant: small-caps; font-family: verdana,serif; |
控制网页文件大小通过精简CSS实现
十二月 13, 2009 by zeze · Leave a Comment
尽管对于现如今的带宽来说，网页文件那仅以K来算的大小实在是微不足道，但如何将这以K来计算的网页文件精简到最小还是网页设计师们所应该考虑的问题之一。
众所周之，在不影响整个网页构架与功能的情况下，网页文件越小越好，因为更小的网页文件有利于浏览器对网页的解释时间缩到更短，自然访客也就不用面临等待网页缓慢呈现的烦躁了，这一点对于那些带宽少网速慢的用户犹为明显。试想一下，你会是希望打开一个网站的时候整个站点马上呈现在你面前呢？还是喜欢花上十几秒甚至是几分钏来看整个站点一点一点的被浏览器解释出来呢？ 阅读全文 >>
在IE流览器中正确显示PNG透明图片
十二月 13, 2009 by zeze · Leave a Comment
png图片有很好的品质。阴影效果也不会有杂边，很流畅。假如插入网页的话可以给网站内容增色不少！更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景，如：在有颜色过度背景上插入不规则边框的图片带来极大很便利！
但目前IE中对于插入的透明背景的.png的图片是不能正常显示的。IE会自动给”.png”格式的图片加个灰色背景。
解决这个的方法是增加javascript。具体方法如下：
把下面的代码放在head区就可以解决问题了。 阅读全文 >>
最低限度的网页设计：当少即是多
十二月 11, 2009 by zeze · Leave a Comment
作为设计师，我们都知道， 最低限度的设计可以达到美观效果。
不过，许多设计师创造一个有困难，或者他们也很难使这样一些内容与网页好看或最终的结果只是不看“完整的。”
有很多文章，关于网络和简约本文旨在帮助您实现最低限度的设计 ，是美丽的，但不是裸露。 阅读全文 >>
图片模态窗效果–当前页打开浏览图片背景透明
十二月 11, 2009 by zeze · Leave a Comment
图片模态窗效果在网上搜了一边，找到一个不错的效果，运用起来也比较方便。 阅读全文 >>
Tab新闻排行效果
十一月 1, 2009 by zeze · Leave a Comment
Tab效果的新闻排行，很多时候能用到，比如新闻栏目下的国内、国际、时事；鼠标经过就能显示相对的内容。一下效果是CSS结合JS实现的，效果图如下：
JS代码请看Demo源文件
=========================================================
原文：Tab新闻排行效果
版权所有，转载请注明出处，多谢！
frame中隐藏横向滚动条
十月 9, 2009 by zeze · Leave a Comment
软件项目中使用了frame的方式,遇到的问题是当main中的内容超过main的指定高度时，会同时出现竖向和横向滚动条，这是一种极不好的用户体验，理想状态应该是只出现竖向滚动条，如下解决方法：
1.去掉DOCTYPE声明< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">以后，横向滚动条被限制了，目的达到； 阅读全文 >>
了解单位em和px的区别
十月 9, 2009 by zeze · Leave a Comment
今天客户要求页面文字可选择放大缩小，找了一段JS做测试，发现不灵。
最后发现是字体设置的问题，把PX改为em,效果就出来了.
关键点：
2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位;
3. Firefox能够调整px和em，但是96%以上的中国网民使用IE浏览器(或内核)。
px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 阅读全文 >>
