广州建网站如何使用css控制字体颜色、大小和式样

您所在的位置: 首页 > 新闻动态 > 网站建设

建网站如何使用css控制字体颜色、大小和式样

发表日期:2011年8月17日文章编辑:广州建网站www.3goweb.cn   网页设计-网站制作浏览次数:2393关键词: 网站建设

广州建网站如何使用css控制字体颜色、大小和式样

广州建网站如何使用css控制字体颜色、大小和式样

现在的网页制作,将字体信息集中到一个CSS文件中具有许多明显的优点:它易于操作,不需要任何特殊的软件,并且能够在大多数主流浏览器中统一运行。更重要的是,由于信息集中到一个单独的位置,修改网页的视觉外观相当方便:你只需简单修改主式样表的字体或颜色,相关改变就会立即“层叠”到你的整个网站中。

听起来很有趣,是吗?那么请继续阅读下去,因为我将在本文中探讨CSS font属性,它旨在替代旧有的<font>元素,如果你需要对HTML页面的字样、颜色、文字大小和间距进行集中控制,它是一个可利用的强大工具。今天广州建网站公司三行为大家讲讲如何使用css控制字体颜色、大小和式样!

控制字样

字体属性定义了对应元素所使用的字体。这个属性通常包含一个由逗号隔开的字体名称列表;并可以用引号来封套那些包含空白的名称。应用时,浏览器将使用它在列表中找到的第一个字体,或如果没有找到有效字体,就使用默认的标准浏览器字体。

列表A中是这个指示的一个应用实例:

<html>

<head>

<style type="text/css">

.quote {

font-family: "Bookman Old Style", "Verdana";

}

</style>

</head>

<body>

<div class="quote">To be or not to be, that is the question.</div>

</body>

</html>

Font_family

记住重要的一点,这个指示十分依赖于客户端系统所显示的字体;在上面的例子中,如果系统没有显示Bookman Old Style和Verdana字体,就将使用默认的浏览器字体。要避免这个问题,最好是在特殊字体名称列表后增加一个通用字体名称列表,如serif、sans-serif或cursive;这告诉浏览器使用那个字体类别中最相匹配的字体。

列表B是上面实例的一个修订版本,它正好解决上述问题。

<html>

<head>

<style type="text/css">

.quote {

font-family: "Bookman Old Style", "Verdana", "cursive";

}

</style>

</head>

<body>

<div class="quote">To be or not to be, that is the question.</div>

</body>

</html>

关键词标签: 广州建网站如何使用css控制字体颜色、大小和式样

本文系三行网络原创,转载请注明来自 (广州建网站www.3goweb.cn) 联系电话:020-85628720、15915767698

上一篇: 建网站在_blank新窗口打开链接如何通过W3C的校验    下一篇: 京溪路附近周围有什么写字楼?可以注册公司的那种

网站建设方案

CASE最新案例
WEB网站建设资讯
  1. [广州] 怎样做好企业网站建设,网海中遨游勿踩雷区
  2. [广州] 企业网络营销第一步:网站建设要新颖实用!
  3. [广州] 怎样设计出优秀的网站首页:与您分享四个思
  4. [广州] 网站seo优化高手:分析竞争对手网站的排
  5. [广州] 安防产品该怎么样推广! 尺有所短,寸有所
  6. [广州] 做个假山园林景观网站多少钱,主要用于推广
APP手机应用开发资讯
  1. 亲子教育APP开发:一键下载,没有wif
  2. 手机回收APP软件开发靠谱么?千亿级的庞
  3. 在线教育APP软件如何在行业浪潮中脱颖而
  4. 听书APP软件开发:解放了阅读人群的眼睛
  5. 苹果App Store竞价排名出炉啦!中
  6. 手机app实名制实行啦!后台实名、前台自
广州建网站公司【三行网络】咨询热线:020-85628720

扫一扫加微信
QQ咨询 QQ咨询
TOP