www.baike369.com
百科369 > CSS教程 > CSS设置字体

CSS设置字体



CSS设置字体

CSS的字体分类

在CSS中,将字体分成了两种不同类型的字体系列:通用字体系列的分类这类字体系列都拥有相似的外观。

使用CSS color属性设置字体颜色

说到文本,漂亮的天蓝色肯定比单调的黑色看起来更为醒目和优美。

CSS font属性综合设置与字体有关的属性

使用font属性可以同时设置font-style属性、font-variant属性、font-weight属性、font

CSS font属性设置系统字体

CSS 2中,font属性增加了几个使用系统字体的值,使用这些值,可以让元素字体的尺寸、家族、粗细、样式和变形等同操作系统的设定保持一致。

使用CSS font-family属性设置字体名称

选择字体时,要能使文本更加引人瞩目,特别是标题;并且更容易阅读,尤其是正文内容。

CSS font-family属性设置字体

使用font-family属性可以设置HTML页面中的字体。

CSS 中常见的五种通用字体系列

CSS中最常见的五种通用字体有:Serif字体、Sans-sarif字体、Monospace字体、Cursive字体和Fantasy字体等。

CSS文件中文字体与英文名称对照表

一般情况下,编写中文网页时,CSS编写者往往会将样式表中的中文字体名称直接写成中文,这也没有什么不对的,但是,有时候,我们会看到中文字体名称变成了一堆乱码。

使用CSS font-size属性设置字体大小

让网页上的文字有大有小,可以激发视觉兴趣,将访问者的注意力引向网页的重要区域。

CSS字体大小代码设置实例

CSS font-size属性可以控制元素中字体的显示尺寸。

CSS font-size属性设置字号

利用HTML<font>标签的size属性只能设定七种字号,而在CSS中可以利用font-size属性对文字的字号进行随心所欲的设置。

CSS font-size属性中的绝对尺寸与相对尺寸

font-size属性中的绝对尺寸包括xx-small(最小)、x-small(较小)、small(小)、medium(

CSS字体大小之百分比和em

在CSS中,计算字体的百分比和em尺寸时,也是以父元素的字体尺寸为基础来进行计算的。

CSS字体尺寸的继承与浏览器的显示

在CSS中,字体的大小是可以继承的,但是继承的是计算后的值,而不是百分比。

CSS字体尺寸在不同分辨率中的显示与弹性设计

分辨率(dpi)对字体尺寸的显示有很大的影响:Windows系统默认设定为96dpi,即1英寸长度内有96个像素。

使用CSS font-weight属性设置字体加粗

加粗的字体看上去比一般的字体醒目,而细小的字体则显得不是很重要,因此可以使用字体加粗来强调重要的内容。

CSS font-weight属性字体加粗

在页面中经常会使用加粗的字体表示强调,但是在HTML标记中只能使用<b>标签将文字设置为粗体。

CSS font-weight属性字体加粗的继承

font-weight属性是可以继承的,不过该属性继承的是计算好以后的值,而不会比父元素中的属性值更粗或更细。

使用CSS font-style属性设置字体样式

浏览器通常将<em>标签和<i>标签里面的内容显示为斜体。

CSS font-style属性设置斜体样式效果

在HTML中,可以使用<i>标签,将网页文字设置为斜体。

使用CSS font-variant属性设置字体变形

font-variant属性决定了字体的显示是normal(正常字体)还是small-caps(小型的大写字母字体)。

CSS font-variant属性设置英文字母大写

font-variant属性可以将小写的英文字母全部用大写字母显示。

使用CSS word-spacing和letter-spacing属性设置字体间距

字体间距包括单词之间的间距和字母之间的间距。

CSS word-spacing属性控制英文单词间距

word-spacing属性用于设置英文单词之间的间距。

CSS letter-spacing属性控制文字间距

letter-spacing属性可以设置汉字文字之间或者英文字母之间的间距。

CSS行间距与字间距代码设置实例

我们可以使用CSS中的line-height属性定义文本中行与行之间的垂直距离,也称为行间距。

CSS字间距代码设置实例

在CSS中设置字间距需要两个属性:letter-spacing属性和word-spacing属性。

CSS英文单词间距代码设置实例

使用CSS的word-spacing属性可以定义英文单词之间的间隔距离的大小。

使用CSS text-transform属性进行字母大小写转换

text-transform属性可以将文本中的字母进行大小写转换。

CSS text-transform属性转换文字大小写

text-transform属性是对文本中英文文字的大小写进行转换。

在CSS中将中文字体转换为Unicode编码

Unicode为每一个字符提供了一个唯一的数字。

Copyright© 2011-2016 www.baike369.com All Rights Reserved