摘要: 随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达... 阅读全文
posted @ 2015-08-19 07:29 城陳 阅读(93) 评论(0) 推荐(0) 编辑
摘要: 浅析网页色彩应用在设计网页之前,客户或产品经理会提出对网页视觉风格设计的期望:活跃、大气、稳重、信赖、都市化….. 设计师一听到关键词或许很自然地在心里蹦出几个配色与“关键词”相匹配了。网页的色彩,是访问者登录页面时的第一印象,好的页面色彩能给用户留下深刻的印象,并且能产生很好的视觉效果和营造网站整体氛围的作用。色彩是我们接触事物的第一直观认知,在浏览一个新的... 阅读全文
posted @ 2009-12-29 23:56 城陳 阅读(190) 评论(0) 推荐(1) 编辑
摘要: 最近 Yahoo! Exceptional Performance 在 《优化网站性能的 14 条规则》的基础上又增加了 20 条新的规则。1. 尽早清除缓冲区[server]2. AJAX 请求使用“GET”方法[server]3. 延迟加载组件[content]4. 预加载组件[content]5. 减少 DOM 元素的数量[content]6. 跨域分离组件[cont... 阅读全文
posted @ 2009-12-28 23:19 城陳 阅读(121) 评论(0) 推荐(0) 编辑
摘要: 一年前网上还找不到关于 inline-block 属性的文章,为了方便大家更好的理解该属性,当时总结整理了篇《display:inline-block的深入理解》。而现在对于 inline-block 属性运用的需求也越来越多,可惜依旧只有 Firefox3 beta、IE8 beta、Opera、Safari 支持 inline-block 属性(注:原来只有 Opera、Safari 支持),... 阅读全文
posted @ 2009-12-28 23:19 城陳 阅读(149) 评论(0) 推荐(0) 编辑
摘要: //显示属性displaylist-stylepositionfloatclear//自身属性widthheightmarginpaddingborderbackground//文本属性colorfonttext-decorationtext-alignvertical-alignwhite-spaceother textcontent 阅读全文
posted @ 2009-12-28 23:18 城陳 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 优化网站性能的14条规则(更新)1. 尽可能的减少 HTTP 的请求数[content]2. 使用 CDN(Content Delivery Network)[server]3. 添加 Expires 头(或者 Cache-control )[server]4. Gzip 组件 [server]5. 将 CSS 样式放在页面的上方[css]6. 将脚本移动到底部(包括内联的)[javascript... 阅读全文
posted @ 2009-12-28 23:18 城陳 阅读(133) 评论(0) 推荐(0) 编辑
摘要: 有时候在一个页面用到收放功能的时候时,总有一个虚线框在触发收放的功能按钮上,显得特别刺眼,那如何去除这个虚线框呢?虽然从可用性的角度,隐藏虚线框的做法会让键盘偏执狂不满。但从视觉上,有时候虚线框确实影响美观。方法一:IE 下可使用其私有的html属性:hideFoucs,在标签的结构中加入 hidefocus=”true” 属性。即:<a href="http://w... 阅读全文
posted @ 2009-12-28 23:17 城陳 阅读(202) 评论(0) 推荐(0) 编辑
摘要: //显示属性displaylist-stylepositionfloatclear//自身属性widthheightmarginpaddingborderbackground//文本属性colorfonttext-decorationtext-alignvertical-alignwhite-spaceother textcontent 阅读全文
posted @ 2009-12-28 23:17 城陳 阅读(87) 评论(0) 推荐(0) 编辑
摘要: 表格的 cellspacing 和 cellpadding 我们经常会用如下的方式来清除默认样式:<table cellspacing="0" cellpadding="0"></table>很多朋友会说表现在结构中,这样不符合标准,那如何将这个表现拿出来,有些朋友或许很迷惑。我们可以用 table 的 border-collapse: collapse; 属性 来代替ce... 阅读全文
posted @ 2009-12-28 23:16 城陳 阅读(432) 评论(0) 推荐(0) 编辑
摘要: margin 在中文中我们翻译成外边距或者外补白(本文中引用外边距)。他是元素盒模型(box model)的基础属性。一、margin的基本特性margin 属性包括 margin-top, margin-right, margin-bottom, margin-left, margin,可以用来设置 box 的 margin area。属性 margin 可以用来同时设置 box 的四边外边距,... 阅读全文
posted @ 2009-12-28 23:15 城陳 阅读(156) 评论(0) 推荐(0) 编辑