
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层的厚度,而页面设计应该是跳跃的,否则不能突出粗体内容。