深圳网站建设使用CSS更改字体

大部分Web设计者萏先想做的事情就是更改Web页面字体，特别是更改标题字体。如图3.1所示，标题为大部分Web页面的電要组成部分，但在未对其定义样式时，总是显得庞大而粗糙。

可以使用一些样式属性来为页面上的字体、标题文字及其他文字定制样式，主要包括以下样式属性。

>font-size----字体尺寸。

>font-weight--字体粗细。

>font-style---斜体/非斜体。

>font-variant-小写字母。

>font——将以上样式中的任意个写在同一行的便捷方法。

以上性都很有用，而其中最值得关注的是font属性。如前所述，它让能够开发表用一个性来指定大部分字体样式。
使用font属性的语法为：
font: font-style font-variant font-weight font size/line-height font-family;
大部分字体样式都很简单。font-style对应斜体，font-weight (bold)或font-size样式性对应粗体或12像素高的字体。尽管如此，许多初学者在面对font-family样式属性时还是会感到困难。

在为HTML文梏选择字体时，还需要考虑到用户设备上的字体库。换言之，在使用自定义字体，例如从FontSquirrd.com下载的免费字体时，只有用户也下载了同样的字体才能正常显示。否则，它可能给浏览器造成一些问题。

为了确保Web页面外观与设想一致，可以使用按使用顺序排序的字体列表，也称之为字体堆栈。可以随心所欲地控制堆栈中的字体数量，但应该使用通用字体族来完成此列表，该字体族包括以下一些。

>cursive
>fantasy
>monospace
>sans serif
>serif

3.1.3使用CSS设计布局

CSS是一种十分有用的Web页面布局工具，可以通过它来随心所欲地定制Web页面布局。漂浮（Floating)和绝对定位（AbsolutePositioning)是两种基本布局定位方法。漂浮根据CSS属性float将元素按指定宽度依次放置，而绝对定位则将元素按精确位置放S在页面上。

在为Web页面布局之前，需要了解Web页面的形成。文档中的每一个元素的默认形状
都是方形，即使这个形状不显示出来也是如此。最简单的观察方法是使用border属性为元素
加1： 一个边框，语法如下：

border: ipx solid black;

每个Web页面上的盒都包括内容区域（Content)、补白（Padding)、边框（Border)以及边距（Margin)。从图3.2中示出了各个部分。可以使用CSS来改变任何部分的宽度及厚度。要使用CSS改变盒模型，可以使用下列样式属性。

>margin
>padding
>border
>height
>width