继续保持记笔记的习惯。

CSS Mastery: Advanced Web Standards Solutions

1. 应该只在没有现有元素能够实现区域分割的情况下使用div元素。如
>div id="mainNav"<
>ul<
>li<1>/li<
...
>/ul<
>/div<
就应当使用
>ul id="mainNav"<
...
>/ul<
代替

2. 伪类(Pseudo-classes)
如a:link a:visited 称为链接伪类,只能用于锚(anchor)元素。
input:focus tr:hover a:active 称为动态伪类,理论上可以应用于任何元素。

3. 通用选择器(the universal selector)
* {
margin: 0px;
}
作用于所有元素。

4. 高级选择器
Firefox Safari 均支持,IE 6及更低版本不支持,因此在重要元素上要避免使用。
1)子选择器
如#nav < li仅作用于nav的第一层li,li中包含的列表项不受影响
2)属性选择器
abbr[title] {border-bottom: 1px dotted #999;}
abbr[title]:hover {cursor: help;}
修改了abbr的title属性,不过第一行貌似在IE7中也没有效果,Firefox下可以。


Snowdream

I'm awake but my world is half asleep
posts - 403, comments - 310, trackbacks - 0, articles - 7
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

CSS - Setting the Foundations

Posted on 2007-04-22 20:25 ZelluX 阅读(326) 评论(0)  编辑  收藏 所属分类: Web
2007-03-24 22:17:50
只有注册用户登录后才能发表评论。


网站导航: