CSS文字文本属性

一.CSS文字属性

CSS Fonts(字体)属性用于定义字体系列，大小，粗细，和文字样式(如斜体)

1.字体：css使用font-family属性来定义文本的字体类型

标签名 {
     font-family：字体样式 ；
}

• 如果使用多个字体，每个字体间要用英文状态下的逗号隔开
• 一般情况下，如果字体名为多个英文单词及空格组成，一般放在单引号中
• 尽量使用系统默认自带字体，保证用户在任何浏览器中打开都可以显示正确
• 使用多个字体时，显示的规则为从前到后，如果浏览器可以识别前面的字体，就优先显示为前面的字体

2.文字大小：CSS使用font-size属性定义文字大小

标签名{
    font-size: 20px :
}

• px(像素)大小是网页中最常用的单位
• 不同浏览器中默认显示的字体大小不一样，尽量给定一个明确大小
• 可以给body指定整个页面的文字大小
• 使用多个字体时，显示的规则为从前到后，如果浏览器可以识别前面的字体，就优先显示为前面的字体
• 修改标题文字大小需要单独修改

3.字体粗细：CSS使用font-weigh属性设置文本字体的粗细，与strong相比，更加提倡在标签中加strong

标签名 { 
    font-weigh；数字：
}

4.文字样式：CSS使用font-style属性设置文本风格

标签名 {
    font-style：属性；
}

如果在HTML文件中，用<em>标签定义了一个倾斜体，想要将它改为正常的，将属性改为normal，将正常的改为倾斜体属性为italic

5.文字的复合属性：可以把文字样式综合来写，可以节约代码

标签名 {
    font :font-style font-weight font-size/line-height font-family;
}

使用复合属性的时候，将各个属性的属性值按照上面的顺序输入，可以达到和分开写一样的效果

• 各个属性的属性值顺序不能颠倒，之间用空格隔开
• 不需要设置的属性可以省略，但是必须保留font-size和font-family这两个属性，否则font属性不起作用

文字属性总结

二.CSS文本属性

CSS text(文本)属性可以定义文本的外观，比如文本的颜色，对齐文本，装饰文本，文本缩进 ，行间距

1.文本颜色：color属性用于定义文本的颜色

标签名 {
    color：颜色；
}

颜色的三种表示：预定义颜色值(英文)， 十六进制， RGB代码，开发中最常用的是十六进制

2.对齐文本：text-align属性用于设置元素内文本内容的水平对齐方式

标签名 {
    text-align：属性值；
}

3.装饰文本：text-decoration属性规定添加到文本的修饰，可以给文本添加下划线，删除线，上划线

标签名 {
    text-decoration: 属性值;
} 

一般标签<a>所引用的链接都有下划线，想要取消下划线就可以在样式表中将标签名a的 text-decoration属性值改为none，就可以取消下划线。如果想给一段文字加上下划线，就可以在样式表中将他的text-decoration的属性值改为underline。

4.文本缩进：text-indent属性用来指定文本的第一行缩进，通常是将段落的首行缩进

标签名 {
    text-indent: 10px;
}

属性值代表文本的第一行首行缩进多少距离，该长度可以为负值

em是一个相对单位，就是当前元素（font-size）1个文字的大小，如果当前元素没有设置大小，则会按照父元素的一个文字大小

5.行间距：line-height属性用于设置行间的距离（行高），可以控制文字行与行之间的距离

标签名 {
    line-height：26px；
}

文本属性总结