CSS文字样式设置
一、文字的字体
字体具有两方面的作用：一是传递语义功能。二是美学效应。由于不同的字体给人带来不同的风格感受，所以对于网页设计人员来说，首先需要考虑的问题就是精准选择字体。
在HTML中，设置文字的字体需要通过标记的face属性；而在CSS中，则使用font-family属性。
语法：font-family：字体名称
参数：字体名称按优先顺序排列，以逗号隔开。如果字体名称包括空格，则应用引号括起。
说明：用font-family属性可控制显示字体。不同的操作系统，其字体名是不同的。对于Windows系统，其字体名就如Word中的“字体”列表中所列出的字体名称。
二、字体的大小
在设计页面时，通常使用不同大小的字体来突出要表现的主题，在CSS样式中使用font-size属性设置字体的大小。
语法：font-size：绝对尺寸|相对尺寸|百分数
其中的参数及其含义如下。
绝对尺寸：根据对象字体进行调节。可选xx-small|x-small|small|medium|x-large|large|xx-large|。
相对尺寸：是相对于父对象中字体尺寸进行相对调节。
百分数：其取值是基于父对象中字体的尺寸。
三、设置字体的粗细
CSS样式中使用font-weight属性设置字体的粗细。
语法：font-weight:bold|number|normol
参数：bold为粗体，相当于number为700，也相当于b标记的作用；number取值100|200|300|400|500|600|700|800|900；normol为正常的字体，相当于number为400，声明此值将取消之前设置。
四、设置字体的倾斜
CSS中的font-style属性用来设置字体的倾斜。
语法：font-style:normol||italic||oblique
参数：normol为“正常”（默认值），italic为“斜体”，oblique为“倾斜体”。
五、 设置字体的修饰
使用CSS样式可以对文本进行简单的修饰，如给文字添加下画线、上画线和贯穿线，它是通过text-decoration属性来实现这些效果的。
语法：text-decoration：number||blink||overline||line-through||none
参数：underline为“下画线”，blink为“闪烁”，overline为“上画线”，line-through为“贯穿线”，none为“无装饰”。
说明：设置对象中文本的修饰。对象a、u、ins的文字修饰默认值为underline。对象strike、s、del的默认值是line-through。如果应用的对象不是文本，则此属性不起作用。
六、设置文本的颜色
在CSS样式中，对文字增加颜色修饰十分简单，只要添加color属性即可。color属性的语法格式：
color：颜色值;
这里颜色可以使用多种书写方式：
color:red; /规定颜色值为颜色名称的颜色*/
color:#000000; /规定颜色值为十六进制值的颜色*/
color:rgb(0,0,255); /规定颜色值为rab代码的颜色*/
color:rgb(0%,0%,80%); /规定颜色值为rgb百分数的颜色*/
- 点赞
- 收藏
- 关注作者
评论（0）