HTML / CSS 页 2

Web可用性设计的247条指导方针(收藏) »

Web可用性设计的247条指导方针译序:Userfocus是英国一家专门从事网站可用性设计的咨询培训公司。它为我们分享了247条Web可用性设计的指导方针,并把它们清晰的分为九个大类:首页可用性设计、任务导向、导航和信息架构、表单和数据输入、可信度、写作和内容质量、页面布局和视觉设计、搜索可用性、帮助反馈和容错。如Userfocus所...

继续阅读 →

CSS 3.0 中文参考手册 & CSS3系列教程 »

CSS3.0参考手册(中文版)感谢TC的ISDwebteam整理和发布CSS3.0参考手册(中文版)官方地址:http://webteam.tencent.com/css3/备受期待的CSS3新功能圆角、多背景、@font-face用户自定义字体、动画与渐变、渐变色、盒阴影、RGBa–加入透明色、文字阴影等等CSS3的出现,让代码更简...

继续阅读 →

固定(Fixed) vs. 流动(Fluid) vs. 弹性(Elastic):哪种布局更适合你? »

固定(Fixed)vs.流动(Fluid)vs.弹性(Elastic):哪种布局更适合你?有一个问题已经困扰网页设计师们很久了:该使用固定、流动、弹性,还是混合布局呢?它们各有优缺点。最终的决定取决于网站的可用性,单用某一种布局就想达到目的,可能没那么容易。那么,既然如此令人困惑,是否有做出正确决定的诀窍呢?考虑好几个问题,恰当地设定...

继续阅读 →

36种Web标准的最佳做法 »

36WebStandardsBestPractices   Web标准此话题,我们还得从万维网之父TimBerners-Lee(蒂姆·本尼斯里)说起。1988年,Internet开始对外开放,随后一年,1989万维网之父根据当时的印刷业规范SGML制定了HTML(HyperTextMarkupLangua...

继续阅读 →

30个富有创意的Web设计 »

我虽然不是什么专业的Web页面设计人员,但是我热爱Web设计,我追求简单和实用美,能用(X)Html+Css实现的效果绝对不用大量的图像切片,虽然视觉和用户体验上有所改善,但是网站的易用性上就大打折扣了。不过随着JavaScript的王者归来,Web世界发生了重大的变化。更多绚丽的,富有创意的,独特的网站出现了很多,我很惊叹,又很羡慕...

继续阅读 →

5种解决ie6下png图片透明的方法 »

PNG格是的图片确实是非常好用,做透明图片时,她的效果要比Gif好很多,并且它还支持半透明。其实这样的需求每一个设计师和制作都时常需要的,可惜“IE6”却不买PNG透明的帐。看了很多网上有关解决ie6下png图片透明的文章,很多都是只解决了页面上插入png图片或css背景调用,而且都没用透明效果,在ie6下仅实现了去除灰底色。今天特下...

继续阅读 →

用CSS做一个漂亮的搜索框 »

用CSS做一个漂亮的搜索框.在我的网站中搜索功能是必不可少的,然而,我们为能拥有一个漂亮的搜索框而煞费脑力。我今天就给大家介绍一个漂亮SearchBox。兼容firefox和ie。效果如下:演示:http://blog.moocss.com/Project/CSS-HTML/demo5/styling-input-search-for...

继续阅读 →

纯Css实现的垂直导航条(CSS Vertical Navigation) »

纯Css实现的垂直导航条(CSSVerticalNavigation)有的时候,我们看到很酷的垂直导航条并带有滑动效果或折叠效果,惊叹人家的效果,但是一看源码,我有点失望,这些效果十有八九是用JavaScript或者用JavaScriptFramework实现的。有的时候我们,我们的网站再考虑性能上和重构的时候,就得考虑一下,是否有更...

继续阅读 →

2个像Digg一样CSS菜单 »

本人非常喜欢Digg.com网站上的菜单.由此我给大家介绍两个由Digg启发而设计的两个菜单。1.简单的CSS垂直菜单,显示/隐藏子菜单(digg_menuselect)下载:http://blog.moocss.com/Project/CSS-HTML/demo2/2.导航栏上是圆角的滑动门菜单(digg_navbar)下载:htt...

继续阅读 →

热门专题