13.CSS文本样式

文本样式

h1 {color: blue;
}

● 回顾上一节的内容，我们让h1标题的文字变成了蓝色，注意如果html中有多个h1标签，那我们这种写法所有的h1标签都会变成蓝色，除了颜色，本节我们将学习更多的CSS属性

文字大小font-size

h1 {color: blue;font-size:26px;
}

● 上述将h1的文字大小设置成26像素。

设置字体：font-family

h1 {color: blue;font-size: 26px;font-family: sans-serif;
}

● 上述将h1的字体设置成无衬线字体

字体转换：text-transform

h1 {color: blue;font-size: 26px;font-family: sans-serif;text-transform: uppercase;}

● 上述将h1的字母全部转换为大写

文本样式：font-style

h1 {color: blue;font-size: 26px;font-family: sans-serif;text-transform: uppercase;font-style: italic;
}

● 上述将h1的内容全部变为斜体

设置段落的行高：line-height

p {font-size: 22px;font-family: sans-serif;line-height: 1.5;
}

● 上述将h1的行高设置成文字大小的1.5倍

设置文字对齐方式：text-align

h4 {text-align: center;
}

● 上述将h4内容居中显示