随笔分类 -  Css认识与提高

对css的理解
摘要:direction: rtl;这句代码很NB,可以让你的浏览器body滚动条在左边. 阅读全文
posted @ 2009-12-11 00:29 城陳 阅读(363) 评论(2) 推荐(0)
摘要:这问题在网络相信已经有不少人问到,最近再次被牵起讨论,籍此记录一下个人的理解,border:none;与border:0;的区别体现有两点:一是理论上的性能差异二是浏览器兼容性的差异。这问题在网络相信已经有不少人问到,最近再次被牵起讨论,籍此记录一下个人的理解,border:none;与border:0;的区别体现有两点:一是理论上的性能差异二是浏览器兼容性的差异。1.性能差异【border:0;... 阅读全文
posted @ 2009-12-11 00:15 城陳 阅读(154) 评论(0) 推荐(0)
摘要:三、考虑Tab的易用性更复杂的交互行为的出现,在不刷新页面的状态下异步更新内容,以及如何满足用户使用不同访问方式,包括那些很难确定的非典型状况下的访问需求,这些状况令易用性成为当前最热门的话题。本章节中,我们将讨论一些在设计Tab元素时你应该知道的易用性原则。“选择”和“未选中”状态的标签 应该使用对比鲜明的颜色为了让视力上有障碍的用户能分清哪些标签... 阅读全文
posted @ 2009-12-09 23:13 城陳 阅读(281) 评论(0) 推荐(0)
摘要:内容区之间的切换 应该没有延迟。使用Tab来控制内容切换的特性之一是快速和互动。为此,应该在html代码里提前内嵌所有内容区的代码,并通过CSS/Javascript来隐藏未被选中内容区,而不是等用户切换到某个标签后再去远程请载入信息。避免在标签切换的时候去载入页面,使用AJAX从远程读数据来生成动态菜单也是一个办法,但这对使用语音阅读器的用户(译注:Screen-Reader:为视力障碍的用户准... 阅读全文
posted @ 2009-12-09 23:11 城陳 阅读(322) 评论(0) 推荐(0)
摘要:信息之间不应该存在对比或并行的关系Tab元素中,同一时刻,只能显示一层内容区。当用户需要对位于不同内容区上的信息进行对比,或者这几种信息同时显示会更便于用户阅读时,就不应该使用Tab。否则会导致用户为了比对所需的信息,而不停在标签之间进行切换。下面这个案例中,BGPatterns (一个在线制作背景图案的网站)tab就用得不是地方。当用户想设计或修改他所制作的背景图案时,必须反复在几个标签之间进行... 阅读全文
posted @ 2009-12-09 23:09 城陳 阅读(361) 评论(0) 推荐(0)
摘要:译者:西乔 来源:Smashing Magazine 作者:Jacob GubeModule Tabs(也称选项卡,后文中简称Tab,以便更符合中国设计师的日常叫法) 是一个常见的交互元素——将不同的内容重叠放置在某一布局区块内,重叠的内容区里的每次只有其中一层是可见的。用户通过鼠标点击或移到内容区所对应的标签上,来请求显示该层内容区。(译注:本文中指的是狭义的Tab,指在... 阅读全文
posted @ 2009-12-09 23:06 城陳 阅读(587) 评论(0) 推荐(0)
摘要:头:header   内容:content/container   尾:footer   导航:nav   侧栏:sidebar 栏目:column   页面外围控制整体布局宽度:wrapper   左右中:left right center   登录条:loginbar   标志:logo   广告:banner   页面主体:main   热点:hot   新闻:news 下载:downloa... 阅读全文
posted @ 2009-12-09 15:02 城陳 阅读(137) 评论(0) 推荐(0)
摘要:颜色#000000可以缩写为#000;#336699可以缩写为#369;margin:1em 0 2em 0.5em; 上右下左边框(border)border:1px solid #000; 背景(Backgrounds)background-color:#f00; background-image:url(background.gif); background-repeat:no-repeat... 阅读全文
posted @ 2009-12-09 15:01 城陳 阅读(116) 评论(0) 推荐(1)
摘要:1、页面的基本构成和开发标准<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head&g... 阅读全文
posted @ 2009-12-09 14:48 城陳 阅读(319) 评论(0) 推荐(0)
摘要:屏蔽IE浏览器(也就是IE下不显示) *:lang(zh) select {font:12px !important;} /*FF,可见,特别提醒:由于Opera最近的升级,目前此句只为FF所识别*/select:empty {font:12px !important;} /*safari可见*/这里select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的。 仅IE7与IE5.... 阅读全文
posted @ 2009-12-08 21:10 城陳 阅读(255) 评论(0) 推荐(1)
摘要:text-align:justify; text-justify:inter-ideograph; 阅读全文
posted @ 2009-12-08 21:09 城陳 阅读(2795) 评论(0) 推荐(0)
摘要:At-rules@-moz-documenturl(http://www.w3.org/),url-prefix(http://www.w3.org/Style/),domain(21tx.com){div{color:red;}}  url是指定样式在哪里网址下可以用,url-prefix是指定样式在哪个目录下,domain是指定样式在哪里玉米下有用,用“,”可以使用多个... 阅读全文
posted @ 2009-12-08 21:08 城陳 阅读(240) 评论(0) 推荐(0)