CSS字体属性和文本属性

目录

字体属性

字体系列 font-family

字体大小 font-size

字体粗细 font-weight

字体样式 font-style

字体复合属性（合写）

文本属性：

设置文本的颜色、对齐、装饰、缩进、行间距等。

---

字体属性

        Fonts ：用于定义字体系列、大小、粗细和字体样式。

字体系列 font-family

        各种字体之间必须使用英文逗号隔开，有空格隔开的多单词组成的字体要加引号。

	<h1 style="font-family: 'Microsoft yahei',Cambria"> css字体介绍</h1>

        浏览器会按照从左到右的顺序识别字体，如识别成功就采用当前字体。

字体大小 font-size

        默认16px,可以通过输入不同的像素或者多少em(默认字体大小)设置字体大小。

<p style="font-size: 20px">css字体大小像素设置</p>
	<p style="font-size: 2em">css字体大小em设置</p>

字体粗细 font-weight

        设置字体的粗细，可以设置属性值或者输入数字（100——900）九个数之一，不用带单位。

属性值	normal	bold	bolder	lighter
效果	默认	粗	特粗	细

 

                                                        narmal = 400         bold = 700

<p style="font-weight: bolder">文字的粗细</p>
	<p style="font-weight: 700 ">文字的粗细</p>

字体样式 font-style

        normal : 默认        italic : 倾斜

字体复合属性（合写）

        复合属性不可调乱顺序，且 font-size 和 font-family 不可省略，其余不写的话取默认值。

body{
		font : font-style font-weight font-size/line-higet font-family;
		font :italic 700 20px 'Microsoft yahei';
	}

文本属性：

设置文本的颜色、对齐、装饰、缩进、行间距等。

颜色  color : 颜色值，十六进制，RGB代码。

水平对齐  text-align ：left （默认，坐等）、right（右）、center（居中）。

装饰文本 text-decoration ：none（默认无）、underline（下划线）、overlin（上划线）、line-through（删除线）。

缩进 text-indent ：输入数字单位em（多少个字宽度）。

行间距 line-height ：像素。上间距加下间距。