初入前端,《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,在上面选择使用你喜欢的字体