深圳网站建设设计

将想法与焦点和您一起共享

深圳网站建设设计 深圳网站优化排名 深圳网站设计制作欣赏

使用CSS更改字体

2017-12-04  阅读: 深圳网站建设设计

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

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

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

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

>font-weight--字体粗细。

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

>font-variant-小写字母。

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

使用CSS更改字体

以上性都很有用,而其中最值得关注的是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在页面上。

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

border: ipx solid black;

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

>margin
>padding
>border
>height
>width

使用CSS更改字体

将文章分享到..