当前位置:首页 > 日记 > 正文

CSS字体属性的完整解析

CSS字体属性的完整解析
本文主要介绍CSS中的各种字体属性,这是CSS入门学习中的基础知识,需要的朋友可以参考一下。
CSS字体属性有字体族、字体样式、字体大小、字体权重、字体变体:

使用CSS,你可以设置字体。字体属性包括五种属性:字体字体,字体/字体风格字体样式,字体大小,字体大小,字体大小字体重量,字体变font-variant.through这五个属性,你可以设置文本在网页或文本的打印效果的显示效果。

1。字体系列字体系列

支持根据优先级顺序列出要分配的各种字体。当用户系统不安装首选字体时,向后搜索并选择下一个指定的字体来显示。
如:

复制代码代码如下所示:
P {字体家庭:Verdana,Arial,Helvetica,sans-serif;}
其中,字体的名称由两个或两个以上的单词组成,必须用引号括起来,如下所示:

复制代码代码如下所示:
{字体家族:新时代罗马

解释:因为一般的操作系统和浏览器的安装和支持以下字体,所以最安全的字体系列在web开发中使用的是宋体,黑体,宋体,倍,快递新快递。Verdana、格鲁吉亚、Comic Sans MS、Trebuchet MS,Arial Black和影响字体为苹果的Mac系统和微软的影响系统是安全的,但可能不支持安装在一个开放源代码的操作系统,像其他经常使用但不太安全字体有Palatino,Garamond,布克曼,Avant Garde。

2。字体样式/字体样式字体样式
字体样式属性有三个值:普通的、斜体的和倾斜的。三种字体样式对应三种字体效果:
正常:默认样式。浏览器显示标准字体。
斜体:浏览器将显示斜体字体。
倾斜:浏览器将显示倾斜字体。

疑问句和疑问句是斜体和斜体的区别,主要区别如下:

字体样式斜体、斜体需要系统中字体文件的支持。
字体名称包括Italic,Cursive草书或Kursiv(一个书信体)字体通常被标记的italic。
字体名称包括oblique,Slanted,(斜体)或Incline(倾斜)的字体通常标记的oblique。
如果italic字体不存在,只有使用字体倾斜,oblique字体,但如果oblique字体不存在,它不能用italic相反,浏览器会勃起正常字体倾斜一个角度倾斜的字体使用。
在许多情况下,斜体字和倾斜的字体几乎看不见的差异,特别是对那些字体不专门提供这两种风格。
在本质上,斜体(斜体)是一个在每个字母的结构的细微变化和外观不同于正常的字体样式简单的字体风格。然而,斜式是正常文字垂直倾斜的版本。

通常,斜体和斜体文本在Web浏览器中似乎不太一样。

三.字体大小

字体的大小主要分为两种:固定大小和相对大小。

有许多单位的字体大小,这是常用的像素Px,磅PT,EM,和百分比。

(1)表示像素的PX,像素的大小随用户显示的大小和像素的深度而变化,像素等于屏幕上的点的高度宽度,是屏幕上最小的单位,这个测量单元最适合于显示器。
(2)PT、代表点,从平面设计,在印刷行业,一个共同的单位称为磅,等于1 / 72 inches.pt是长度单位的标准,这是最适合印刷,还可用于用户的显示。
(3)EM,在当前字体的大小相当于1个字,描述的相对大小,%,CSS,1em = 100%,结合CSS的继承关系,是灵活的。应该指出的是,相对字体大小是根据父元素的字体大小计算。如果元素之间的嵌套层,有时问题是复杂的和不可预知的。例如,在细胞的文本形式和DIV,如果相对字体大小的规则是在每个级别指定,相对测量会产生复合效应。没有一个统一的标准,不同的浏览器定义如何指定父元素的一个给定的元素,而字体是相对字体大小计算参考字体。因此,为了成功地使用相对字体大小,你需要仔细计划的网页设计和CSS样式来避免潜在的元素嵌套。
百分比,而不是当前字体EM)。
的英寸(72pt),厘米的CMT(约28pt)、millimeter mm(3PT)和PIC(12)适用于印刷,是印刷计量单位。前是等于当前字体的高度,等于小写字母X,是一种不常用的计量单位。

扩展:显示器的PPI(DPI),代表每英寸的像素(点),每英寸的像素数,表示清晰度,精确,设置更改方法:桌面上的右键,弹出快捷菜单:属性>设置>高级>一般>设置> 96 DPI。

在浏览网页的过程,所有的大小的概念是基于屏幕这显示界面和Ldquo;屏幕上。的各种信息,包括文字,图片,表格,等等,与屏幕的分辨率的变化。在不同的分辨率,无论是PX和PT,屏幕上的各种信息将改变大小。
因为屏幕大小不同,分辨率也不同,所以不可能确保字体在所有用户面前都是一样大小的。

在Windows系统中的红色,PX和PT的使用是不同的,只有当用户更改默认96dpi。使用px定义文本,无论用户如何设置,它不会改变大小;用PT来定义文本,当用户设置多96dpi值越大价值,更大的字体。附公式:PX=PT DPI / 72。

4。字体大小字体重量
字体重量用户设置字体重量偏差,可能的值:正常大胆大胆的轻| | | | | | 200 300 400 500 100 600 | | | | | | |继承700 800 900
可分为三类:关键属性,包括正常、大胆两;相关的关键属性,它是相对于父母的价值厚度的高级元素继承,包括大胆和打火机两;数字特性,包括从1009009数字序列(只有100的整数倍),这个数字序列表示字体的大小从最好到最粗(100)(900)。
对可用价值的价值的解释

正常字体显示的默认值。
大胆的粗糙的身体
比父元素稍微粗一些。
打火机比母材略薄。
100至少和200一样
200至少厚100,至少薄300。
300至少厚200,至少薄400。
400个字体通常显示,相当于正常。
500至少厚400,至少薄600。
600至少厚500,至少薄700。
700粗体,相当于粗体。
800至少厚700,至少薄800。
900至少厚800

该字体的字符显示在字体安装在用户的计算机上。在许多情况下,由于系统是最匹配的,很难从显示效果看,不同的字体重量值的差异,各种各样的字体,没有统一的规则说明的大小的程度。一些字体名称可以描述厚度、程度为例,Arial Bold font比自己大得多的字体。这种字体名称的主要功能是区分单个字体集中字体的大小。
如果一个字体集采用9水平值的范围(如OpenType),字体的大小应与9水平值直接匹配。如果字体中,书,常规字体集名称,罗马或正常的同时,介质通常分为500其他4个是分配给400如果字体设置标记为bold的名字相当于数字700如果字体浓度低于9的水平,指的是失踪的充填法的规定,上述匹配算法,不难了解匹配;bolder和lighterLdquo;bolder是下一个较粗的字体与字体集,反之亦然;lighter同样是配合下的字体在一个新的水平一样。他们的基准线都是继承的值,所以粗糙度相对的传承价值。

如果字体集中小于9的水平,那么缺少的方法如表所示:

填补空白

5。字体可变字体变体
字体变体属性设置小写字母的字体显示文本,这意味着所有小写字母都会转换成大写字母,但小写字母的大写字母比其他大写字母要小。

可能的值
值描述
正常的默认值。浏览器显示一个标准字体。
小型浏览器显示小大写字母。
继承指定字体的变体属性的值应该是从父元素继承。任何版本的IE(包括IE8)不支持属性值继承。
对于Web开发来说,一般不在文章中定义超过3层的厚度,而页面设计应该是跳跃的,否则不能突出粗体内容。

相关文章

最浪漫的爱情幸福签名快乐个性签名

最浪漫的爱情幸福签名快乐个性签名

个性签名,浪漫,爱情,快乐,电脑软件,平凡的相识,非凡的爱。平凡的保持,非凡的相遇。为自己选择一个独特的QQ快乐签名。小编辑在这里给你一些快乐的签名,希望有你最喜欢的。 1。想象比现实更美丽,满足自己离别的味道,爱情可以积累成长的经验,让爱情…

2015个性签名经典签名

2015个性签名经典签名

个性签名,经典,电脑软件,计算机已成为一种必不可少的项目,对take-off.but发展信息时代,我相信每个人的电脑是腾讯的重要软件,今天要给你点整理2015经典个性签名!爱的副本。 1、女人更漂亮,也是男人的风景,男人更帅,也是女人的工具的展示! 2,爱情之歌…

CorelDRAW绘制曲线的控制方法和具

CorelDRAW绘制曲线的控制方法和具

绘制,曲线,方法,控制,操作步骤,本教程介绍朋友到CorelDRAW控制绘图的方法和具体操作步骤。本教程很简单,适合初学者学习。推荐朋友一起学习。 今天,我介绍我的朋友的方法和制作控制图曲线的具体操作步骤。本教程中介绍的详细介绍和方法也非常…

有趣的人物、签名文件和个人签名

有趣的人物、签名文件和个人签名

签名文件,个人签名,有趣,人物,电脑软件,在百度:没有比我更帅的人。它回答说:对不起,我目前还没有找到!以下是一个有趣的个性签名。我希望小编辑对你有用,欢迎阅读: 有趣的个性签名文件: 1。你知道我很长,我知道你很深。 2妖精吃臧‘’灰色…

如何将Excel表格到WORDEXCEL基地

如何将Excel表格到WORDEXCEL基地

如何将,表格,基地,电脑软件,Excel,如何把电子表格文件转换成word文档,然后向excel推荐表单,希望对你有所帮助! excel窗体变成单词方法: 因为电子表格本身有电子表格格式,如果它通过复制直接转移到Word中,它通常会复制格式,难以调整或格式不一致,除…

在CSS3透明度透明度多浏览器兼容性

在CSS3透明度透明度多浏览器兼容性

透明度,兼容性问题,浏览器,电脑软件,用于设置元素透明度的不透明性是CSS 3中的一个属性。当然,只有少数浏览器,但所有浏览器都有自己的私有属性支持,包括Mozilla和Safari的旧版本。 用于设置元素透明度的不透明性是CSS 3中的一个属性。当然,只…

非主流QQ空间非主流签名

非主流QQ空间非主流签名

空间,非主流,电脑软件,QQ,你想什么,想想你会失去什么。为你的QQ选择一个非主流的签名。 1、一个人久了,连一个人都很难。 2、爱你我做,不爱你为什么你做不到,你不觉得好笑。 3,我爱你,你相信只要你敢说,我敢相信。 4,依靠,你只知道我的名字,但我不知…

如何自动生成目录Word2003文字教程

如何自动生成目录Word2003文字教程

文字,教程,自动生成,目录,电脑软件,如何自动生成数十页的编目目录列表 如何自动生成目录,作为一个毕业的大学生要付出很多的汗水哦,很长时间,如果你想一个题目的标题复制粘贴,一个目录列表,这是一件很苦的事,一篇论文对于大学生来说是不可避免的…

古典抒情诗的2016个经典人格签名

古典抒情诗的2016个经典人格签名

抒情诗,人格,古典,经典,电脑软件,知道如何失去眼泪是不对的,为自己选择一个有特色的QQ签名。小编辑在这里给你一些个人签名,希望有你喜欢的东西。 1。人总是后悔,爱恨也罢,却化作了恶魔,梦在过去,他写下了千年孤独的鬼话。 2。我遇到谁会有什么样…

哪个用户适合QQ令牌QQ常见问题

哪个用户适合QQ令牌QQ常见问题

令牌,常见问题,用户,适合,电脑软件,该QQ令牌作为高级安全工具账号保护,主要针对以下用户: 1、网络游戏玩家,期望保护游戏设备和帐号安全; 2、QQ消费高手,定期购买物品(如:QQ、QQ展示空间服饰); 3、账号数据和好友信息很重要,希望能保护QQ账号的安…

非主流心脏病失望人格签名非主流

非主流心脏病失望人格签名非主流

非主流,人格,失望,电脑软件,个人签名能显示你的个性。有些人会在个人签名写自己的感受,和个人签名可以写你的个人feelings.qq个性签名是展示其个性、喜悦、愤怒、悲伤和快乐,所以叫个性签名。每个人每天、每一小时、每一分钟、每一秒都有不同…

如何Word2010替换文本格式的教程

如何Word2010替换文本格式的教程

替换,教程,文本,格式,电脑软件,在一般情况下,用户是通过插入Word中的一些图片,以精美的图片或背景设置,但是在我们的文件,也可以用图片代替文字,所以这到底是如何做到的,现在我们将跟进这方法与学习Word2010图片替换文本。 操作步骤 1。打开文档…