CSS实战手册的一些笔记（1）

初入前端，《CSS实战手册·第2版》美·麦克法兰这本书挺好的，它给初学者提供了一些很好的建议，真的是受益匪浅。所以我做一些笔记，和大家一起学习。

1、标签使用注意事项

①对文本段落使用<p>标签。

②对于包含几个相关项目的列表，则使用无序列表，比如导航链接，诸如此类的一组提示语。使用有序列表来表示一个过程的步骤。

③如果要创建一个术语表及其定义或描述，则要用<dl>（定义列表）标签，并结合使用<dt>（定义术语）及<dd>（定义描述）标签。

④如果要包含一段引用语，比如摘自其他网站的一段文字、一段影评或者至理名言，长段落使用<blockqute>标签，对于简短的引用使用<q>标签。

⑤一些生僻的标签如<cite>来引用书的标题、新闻报道或网站，<address>标签来标识和提供联系信息。

⑥如果没有合适的标签可以使用<span>、<div>标签，但<div>不用万能的，不要滥用。

⑦绝对不要使用任何用来改变文字或图片展示效果的标签或属性，用CSS来实现是最好的。

2、选择器优先级

①一个标签选择器值1分，一个类选择器值10分，一个ID选择器值100分，一个内建样式值1000分。

②权重相同时最后一个样式胜出。

③使用！important，可以完全忽略权重值，当必须确保某一个特定的属性不能被另一个覆盖时，就可以在这个属性后面插入！important

如 ：#nav a{color:red;}    a{color:teal ！important}

虽然#nav a 的样式比a标签样式具体得多，但加了！important，意味着这个属性永远会胜出。但IE6及更早的版本处理该规则是会出现问题

3、字体

①Serif字体

Serif字体最适用于冗长的文字信息。Serif字体包括：Times、Times New Roman、Georgia、Baskerville等。

②Sans-serif字体

Sans-serif字体看起来干净而简洁，经常被用在标题上。Sans-serif字体包括：Arial、Helvetical、Verdana和Foemata

③Monospaced字体

Monospaced等宽字体经常用于显示计算机代码

④可以登录http://wiki.github.com/sorccu/cufon/about，在上面选择使用你喜欢的字体