一.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;
}

文本属性总结

 

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐