应用CSS完全手册!
■ FONT-FAMILY属性: 每部机器上都装有多种字体,浏览器会使用默认的字体浏览网页,比如简体中文版WINDOWS汉字默认是宋体,英文默认是ARIAL。 使用FONT-FAMILY属性则可以规定浏览器用什么
■ FONT-FAMILY属性:
每部机器上都装有多种字体,浏览器会使用默认的字体浏览网页,比如简体中文版WINDOWS汉字默认是宋体,英文默认是ARIAL。
使用FONT-FAMILY属性则可以规定浏览器用什么字体解读网页。
■ FONT-FAMILY语法实例:
h2 {font-family:times,impact,sans-serif}
说明如下:
helvetica是浏览器首先寻找的字体名称,如果有就使用它。在helvetica字体没有找到的情况下,则会寻找impact字体,如果找到就使用它。如果以上两种字体都没有找到,则指示浏览使用sans-serif(通用字体)。在你不能保证你列出的字体浏览者一定会安装时,将一种通用字体加在字体列表中是一种好的做法。因此我们提倡使用最基本的字体制作网页,比如中文用宋体,英文用ARIAL,这样使得你的网页不会因为浏览器没能使用合适的字体解读而变样。
■ 其它相关内容:
通用字体有以下几类,其中cursive和fantasy不被NC支持:
"serif"(比如Times);
"sans-serif"(比如Helvetica);
"cursive"(比如Comic Sans);
"fantasy"(比如Western);
"monospace"(比如Courier)
其他使用事项:
如果一种字体的名称中有空格,如"Times New Roman",在CSS语句中要用引号包含该字体。
例:Body {font-family:"Times New Roman",serif}
如果该语句已在双引号里,则字体名降级为单引号。
例:<P style="font-family:'Times New Roman',serif">
如果该语句包括其它CSS规则,字体说明应放在最后。
例:H2 {color:red;margin:10px;font-family:"Times New Roman",serif}
■ 继承:
继承:就是在子元素没有定义样式的情况下,它将采用上一级元素的样式定义。
优先级:根据继承来理解优先级也就容易。最近的样式优先级最高。
比如:
CSS在<heda>声明 I{font-family:impact};
但在HTML语句中又如下定义:<P> 要显示的文字在<I><font face="Times">这里</font></I></P> 在此例中样式表要求用IMPACT字体,而FONT标记要求用TIMES字体,最终浏览器使用的会是TIMES。作为CSS标准制定者,要求将CSS优先,他们认为像以上的例子中应该用IMPACT字体。可以浏览器产商照顾使用者的旧习惯,使用了FONT标记中的字体,尽管FONT已不被提倡。
■ 更好的方法--关联:
第 1 2 3 4 5 页
每部机器上都装有多种字体,浏览器会使用默认的字体浏览网页,比如简体中文版WINDOWS汉字默认是宋体,英文默认是ARIAL。
使用FONT-FAMILY属性则可以规定浏览器用什么字体解读网页。
■ FONT-FAMILY语法实例:
h2 {font-family:times,impact,sans-serif}
说明如下:
helvetica是浏览器首先寻找的字体名称,如果有就使用它。在helvetica字体没有找到的情况下,则会寻找impact字体,如果找到就使用它。如果以上两种字体都没有找到,则指示浏览使用sans-serif(通用字体)。在你不能保证你列出的字体浏览者一定会安装时,将一种通用字体加在字体列表中是一种好的做法。因此我们提倡使用最基本的字体制作网页,比如中文用宋体,英文用ARIAL,这样使得你的网页不会因为浏览器没能使用合适的字体解读而变样。
■ 其它相关内容:
通用字体有以下几类,其中cursive和fantasy不被NC支持:
"serif"(比如Times);
"sans-serif"(比如Helvetica);
"cursive"(比如Comic Sans);
"fantasy"(比如Western);
"monospace"(比如Courier)
其他使用事项:
如果一种字体的名称中有空格,如"Times New Roman",在CSS语句中要用引号包含该字体。
例:Body {font-family:"Times New Roman",serif}
如果该语句已在双引号里,则字体名降级为单引号。
例:<P style="font-family:'Times New Roman',serif">
如果该语句包括其它CSS规则,字体说明应放在最后。
例:H2 {color:red;margin:10px;font-family:"Times New Roman",serif}
■ 继承:
继承:就是在子元素没有定义样式的情况下,它将采用上一级元素的样式定义。
优先级:根据继承来理解优先级也就容易。最近的样式优先级最高。
比如:
CSS在<heda>声明 I{font-family:impact};
但在HTML语句中又如下定义:<P> 要显示的文字在<I><font face="Times">这里</font></I></P> 在此例中样式表要求用IMPACT字体,而FONT标记要求用TIMES字体,最终浏览器使用的会是TIMES。作为CSS标准制定者,要求将CSS优先,他们认为像以上的例子中应该用IMPACT字体。可以浏览器产商照顾使用者的旧习惯,使用了FONT标记中的字体,尽管FONT已不被提倡。
■ 更好的方法--关联:
第 1 2 3 4 5 页
- 上一篇:用CSS打造韩式风格网站
- 下一篇:CSS菜鸟学习小结
精彩图集
精彩文章