第二周学习报告

CSS字体属性

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

1.字体系列：font-family

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

2.字体大小：font-size px表示像素

p {
    font-size:20px;
}

但标题标签比较特殊，需要单独指定文本大小。

3.字体粗细：font-weight

p {
    font-weight:bold;
}

number：100,200…900

4.文本样式：font-style设置文本的风格

p {
    font-style:normal;
}

平时很少给文字加斜体，反而要给斜体标签(em，i)改为不倾斜字体

5.字体复合属性：将文本样式综合来写，这样可以更节约代码

body {
     font:font-style font-weight font-size/line-height font-family;
}

• 使用font属性时，必须按照上面语法格式中的顺序书写，不能更换顺序，并且各个属性间以空格隔开。
• 不需要设置的属性可以省略（取默认值），但必须保留font-size和font-family属性，否则font属性将不起作用。

CSS文本属性

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

div {
    color:red;
}

开发中最常用的是十六进制

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

div {
   text-align:center;
}

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

div {
   text-decoration:underline
}

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

div {
    text-indent:100px;
}

通过设置该属性，所有元素的第一行都可以缩进一个给定的长度，甚至该长度可以是负值。

p {
   text-indent:2em;
}

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

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

p {
    line-height:26px
}

文本属性总结