下载首页 | 资讯中心 | 下载分类 | 最近更新 | 排 行 榜 | 国产软件 | 国外软件 | 汉化补丁 |
文章搜索: 分类 关键字 收藏本站设为首页
您的位置:首页网页设计CSS样式 → CSS不完全手册-1
CSS不完全手册-1
日期:2007-6-20 9:33:34 人气:48     [ ]
上一页 [1] [2] 下一页
id="fontzoom">

■ 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> 在此例中/web/hc/Css/" target="_blank">样式表要求用IMPACT字体,而FONT标记要求用TIMES字体,最终浏览器使用的会是TIMES。作为CSS标准制定者,要求将CSS优先,他们认为像以上的例子中应该用IMPACT字体。可以浏览器产商照顾使用者的旧习惯,使用了FONT标记中的字体,尽管FONT已不被提倡。

      ■ 更好的方法--关联:

      
    我并讲不出抛弃FONT标记的理由,只知道这是潮流。显然CSS提供更好的方法避免你在像上面的例子一样使用FONT标记,那就是: 关联 可以在HEAD部分的CSS定义中加入如下行: P I {font-family:times} /*P和I之间的空格不能少*/

      在HTML中: <P>要显示的文字在<I>这里</I></p>

      虽然你没有使用FONT FACE,但根据HEAD部分的CSS定义,P标记里的I标记使用的字体一定是TIMES。要提起注意的是那行CSS样式只作用于P标记里的I标记

出处:本站原创 作者:佚名
 阅读排行
01.精美qq空间横幅代码
02.最酷qq个性女生网名
03.最新又有免费QQ秀啦《..
04.巧用透明FlaSh扮靓你的..
05.花之神匠代码(最新代码..
06.最新QQ空间免费导航
07.最新免费个人形象设置..
08.最新qq空间flash代码m..
09.CSS技术结合图像实现动..
10.Photoshop光影魔术师:..
11.QQ音速种子狂刷
12.最新QQ空间透明代码
13.PS实例教程:教你制作结..
14.Photoshop光影魔术师:..
15.制作背景图__教程
16.用Photoshop制作漂亮的..
17.如何获得QQ音速种子
18.≤QQ空间代码≥在日志..
19.网页浮动广告的制作代..
20.用Photoshop制作大红灯..
21.常用CSS
22.Photoshop给靓丽美女打..
 推荐文章
·Photoshop 表现技法之..
·快速将你的相片矢量化..
·PHOTOSHOP制作炽热的太..
·用Photoshop制作美丽的..
·流行杀手的娃娃工厂__..
·打造8号台球__教程
·PHOTOSHOP制作待机MM图..
·用Photoshop帮MM做纹身..
·PHOTOSHOP美眉着色绝招..
·PHOTOSHOP花露的制作_..
·PHOTOSHOP渐变工具的巧..
·PHOTOSHOP手绘奥兰多-..
·高难度抠图两种方法__..
·Photoshop高尔夫球的制..
·Photoshop打造精美玉佩..
Eqxia_COM下载站 版权所有 Copyright© 2001-2005 Www.eqxia.COM, All Rights Reserved.