建网站知识

NEWS

建网站知识

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

新闻资讯 - 建网站如何使用css控制字体颜色、大小和式样 发布时间2011.8.17. 浏览数：3167

【广州建网站如何使用css控制字体颜色、大小和式样】 现在的网页制作，将字体信息集中到一个CSS文件中具有许多明显的优点：它易于操作，不需要任何特殊的软件，并且能够在大多数主流浏览器中统一运行。更重要的是，由于信息集中到一个单独的位置，修改网页的视觉外观相当方便：你只需简单修改主式样表的字体或颜色，相关改变就会立即“层叠”到你的整个......广州建网站www.3goweb.cn三行网络公司为您详细介绍 - 请往下阅读》

广州建网站如何使用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控制字体颜色、大小和式样》此文由三行网络公司原创，转载请保留原文链接，谢谢！

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

15989229398（微信咨询）

专业做网站 · ￥明码实价！


匠心打造精品，用心成就经典！携手客户共创双赢！
© Copyright 广州三行网络科技有限公司
粤ICP备案号：09210325

首页
联系
微信
电话