网络编程
位置:首页>> 网络编程>> 网页设计>> [翻译]标记语言和样式手册 chapter 6 短语元素(2)

[翻译]标记语言和样式手册 chapter 6 短语元素(2)

作者:zhaozy 来源:3user.com 发布时间:2008-01-25 16:37:00 

标签:样式,标记,css,手册,短语

只要粗体或斜体就好

必须注意的是,很多情况下只需要视觉上展示粗体,斜体的文字效果,换句话说,假设你的侧边栏里有一串链接列表,而你喜欢让所有链接用相同的效果显示:也就是粗体(图6-1)


图6-1.粗体链接放在侧边栏里的示例

除了视觉特色外,我们并不打算特别强调链接内容,这里就是以CSS改变链接外观显示效果的好地方,让他们不会被屏幕阅读器以及其他非可视化浏览器特别强调.

举例来说,你真的想让粗体链接被念得更快,更大声,音调更高吗?大概不会,这边的粗体完全只是显示效果.

font-weight相当于粗体

为了达到图6-1的显示效果,让我们假设链接栏放在id设为sidebar的<div>中,这样我们就能用CSS指定#sidebar之内的链接要以粗体显示:

#sidebar a{
    font-weight:bold;
}
极度

简单,让我觉得一提起就有些可笑,但是这的确是个帮助分离结构与显示效果的好方法.

那是粗体!

同样的,在思考斜体文字的时候也能应用类似的想法,在你不想强调的内容,只单纯想以斜体显示文字时,你能再度使用font-style属性通过CSS处理这些状况

让我们使用相同的#sidebar作为示例,举例来说如果你想使#sidebar里的所有链接显示成斜体,那么可以这样写:

#sidebar a{
  font-style:italic;
}

又是个简单至极的概念,但是在结构化标记语法的领域里,我觉得讨论这些情况十分重要--使用CSS处理央视,代替显示效果标签的状况.有些时候最简单的解决方法也最容易被忽略.

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com