摘要：之前我写过一篇关于CSS透明度的文章，抱怨CSS对一个元素设置透明度后，导致它里面的元素也跟着透明了。最近我发现，其实这样挺好的。有时候我们想要一个背景半透明文字不透明的效果，比如一个“信息警告框”，但当我们给这个元素加上opacity属性后，发现背景和他里面的所有东西都半透明了，导致辨认困难。如果你硬揪着opacity不放，你会发现用opacity来实现背景半透明文字不透明的效果很困难。于是，像我一样，觉得W3C关于透明度的设置真是蛋疼。其实，是我们理解错了。如果要背景半透明文字不透明这种效果，只要把background设置成rgba形式就可以了！如：background:rgba(0,0,
阅读全文
摘要：昨天面试了一个做“用户交互设计”的人，颇有感触。趁着比较闲，写一篇优化网站的分页导航的文章吧，路过的请轻拍..所谓网站分页导航，就是如图所示的这种了：分页导航样式这张图片截取自我收集的一个分页导航制作网页。网站分页导航的作用，就是在单网页内容较多，需要分页显示的时候，提供给用户进行前后翻页，以便于浏览更多内容。在设计分页导航的时候，可参考这些要点：1，要有便捷的上一页下一页链接。因为用户在翻了几页后，一般都不清楚自己到底在哪一页了，此时通过上下页翻页，比用眼睛寻找页码判断页面然后翻页要方便的多。2，最好有页码。便于随意跳转。如果页码太多，最好有直接跳到最后页和最前页的链接。3，宽度不能限制死了
阅读全文
摘要：转载，高手飘过。。。说来羞煞人：我一直没搞懂label与一个span标签有什么不同，貌似显示方式及作用都一样的。刚才发现，其实label标签最大的不同就在于他的for属性。label标签通常是写在表单（form）内的，他与一个普通的span最大的不同，就是可以和表单元素配对，比如文本框，单选框，复选框。而配对的方法，就是通过label的for属性。比如<inputtype="text"name=""id="text"/><labelfor="text">一个label，配文本框</la
阅读全文
摘要：示例代码：<p style="float:left; width:300px;margin-right:30px;"><img src="xxx.jpg" alt="测试float与ol" /></p> <ol> <li>首先打开动作面板点右边的下拉菜单,选择载入动作</li> <li>选择要载入的动作文件</li> <li>载入后我们就可以在动作面板下面找到刚才载入的动作。</li> </ol>此时会看
阅读全文
摘要：今天闲来无事，打算系统的整理一下常用的CSS以备以后使用。结果IE6不出所料的让我再次纠结了HTML代码：<div class=”test” style=”">ddaaaaaaaaaaaaaaaaaaaa</div> CSS代码：.test{position:absolute; top:300px;right:500px;left:0;bottom:0; zoom:1;_display:block;background-color:#000;color:#fff;}test是一个绝对定位的DIV，注意CSS代码中，并没有定义test的高度和宽度。虽然如此，但正
阅读全文
