CSS 技巧和过滤器可以使您有选择地应用到(或者不应用到)某些元素。应当尽可能地找到标准的跨浏览器
的解决办法来实现您想要的效果,而不是动不动就使用过滤器。要将它当成走投无路时的救命手段。在这里可以
找到大量的
CSS 过滤技巧。[译注:不要把这里的 filters 和 IE 中的滤镜混淆。由于各个浏览器对 CSS 标准
的支持程度不一,人们找到了许多技巧,将浏览器无法解释或错误解释的样式表或规则屏蔽掉。这就是所谓的
CSS 过滤器或技巧。mb5u.com
如果使用了锚点,在应用超链接样式时要特别小心。
如果您在代码中使用了传统的锚点(),您会注意到 :
hover
和 :
active 伪类也会作用于它。要避免这
种情形,你可以使用
id
,或者使用鲜为人知的语法: :
link:hover
, :
link:active
“
八、记住
LoVe/HAte”(爱/
恨)链接规则
要以下面的顺序指定超链接伪类:
Link
,
Visited
,
Hover
,
Acitve。任何其他顺序都不妥当。假如用
了:
focus
,次序应为
LVHFA “
(
Lord Vader‘s Handle Formerly Anakin”,Matt Haughey 这样建
议)。
“
请记住
TRouBLED”(麻烦的)边框。
边框(
border)、边距(margin)和补白(padding
)的简写次序为:顺时针方向从上开始,即
Top,
Right
,
Bottom
,
Left
。比如
margin
:
0 1px 3px 5px;表示上边距为零,右边距为 1px,依此类推。
九、非零值要指明单位。
在用
CSS 指定字体、边距或大小时,必须指明所用的单位。某些浏览器对未指明单位的处理方法不足为凭。
零就是零,不管是
px 还是 em
还是其他单位,它不需要单位。例如:
padding
:
0 2px 0 1em;
十、测试不同的字体大小。
像
Mozilla 和 Opera 这样的高级浏览器允许对字体进行缩放,不管你用的是什么单位。某些用户的默认字
体大小肯定和您的不同,尽最大努力去满足他们。
用嵌入式测试,发布时改为输入。
将样式表嵌入在你的
HTML 源代码中,在测试时可以消除许多缓存引起的错误,尤其是某些 Mac 下的浏览器。
但在发布前,一定要记住将样式表移到外部文件,用
@import
或 引入。
CSS 是用来定义网站的用户界面或将显示和内容区分开来的。
由于
CSS 被广泛地使用在几乎所有网站上,所以让我们花些时间来创建样式表并确保它符合良好的标准。下面的
技巧会极大地在开发过程中帮助
CSS 初学者。
索引
本处的定义将帮助你和其他开发者了解网站和
CSS 文件,还将帮助你们了解 CSS 文件中的内容。索引部分知识一
个格式化了的
CSS 注释段落。
1 给出 CSS 文件的作者信息
2 定义网站的设计(列数,静态/动态)[columns
,
static/liquid]
3 持续跟踪文件版本(当文件有多个作者或未来需要有升级更新的时候非常有用)
锚点
锚点就好像在同一个
CSS 文件中的书签一样,锚点使你清晰地浏览整个 CSS 文件按并且使它很有组织。
锚点需要在
CSS 的索引(上面提到的)处定义,因为 CSS 没有自己的锚点系统,所以我在文档中使用了一个简单
的技巧定义锚点。
方法是用一个比较罕见的字符来定义注释,当你想找某个锚点时,你就可以从索引处复制并查找锚点的定义符,
并找到该锚点。