CSS字体属性和外观属性

**

1.font字体

**

1.1 font-size

作用：font-size属性用于设置字号

p {  
    font-size:20px; 
}

1.2 font-family

作用：font-family属性用于设置哪一种字体。

p{ font-family:"微软雅黑";}

1.3 font-weight

作用 ：font-family属性用于设置字体的粗细

normal	默认值，浏览器会显示标准的字体样式 font-style: normal;
italic	浏览器会显示斜体的字体样式。

1.4 font 综合设置字体样式

选择器 { font: font-style font-weight font-size/line-height font-family;}

2.CSS外观属性

2.1 color 文本颜色

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

表示	属性值
预定义的颜色值	red，green，blue，还有我们的御用色 #ff3040
十六进制	#FF0000，#FF6600，#29D7940
RGB代码	rgb(255,0,0)或rgb(100%,0%,0%)

2.2 text-align 文本水平对齐方式

作用：text-align属性用于设置文本内容的水平对齐，相当于html中的align对齐属性

属性	解释
left	左对齐
right	右对齐
center	居中对齐

注意：是让盒子里面的内容水平居中， 而不是让盒子居中对齐

2.3 line-height 行间距

作用：line-height属性用于设置行间距，就是行与行之间的距离，即字符的垂直间距，一般称为行高。
单位：px像素 ，em相对值，百分比%

2.4 text-indent 首行缩进

作用：text-indent属性用于设置首行文本的缩进
属性值：
1.其属性值可为不同单位的数值、em字符宽度的倍数、或相对于浏览器窗口宽度的百分比%，允许使用负值,
2.建议使用em作为设置单位。

p {
      /*行间距*/
      line-height: 25px;
      /*首行缩进2个字  em  1个em 就是1个字的大小*/
      text-indent: 2em;  
 }

2.5 text-decoration 文本的装饰

值	解释
none	默认。定义标准的文本。 取消下划线（最常用）
underline	定义文本下的一条线。下划线 也是我们链接自带的（常用）
overline	定义文本上的一条线。（不用）
line-through	定义穿过文本下的一条线。（不常用）