CSS字体及装饰
CSS字体详细介绍
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS字体</title>
<style>
/*通配符选择器，*号代表所有的意思。实际开发根本不会有人用的*/
* {
font-size: 50px; /*字体大小*/
font-family: "华文行楷",serif; /*字体类型*/
font-weight: bold; /*字体加粗，bold==700，也可以直接用数字font-weight:700；*/
font-style: italic; /*斜体，font-style:normal这样使斜体不倾斜*/
text-indent: 2em; /*首行缩进两个字，1em就是一个字的距离*/
line-height: 50px; /*一般比字体大7、8px就可以了*/
}
h2{
font-weight: normal; /*字体不加粗，这个比较常用，normal==400。也可以是font-weight:400；*/
text-align: center; /*水平对齐，是让盒子里面的内容对齐而不是盒子对齐*/
/*text-decoration: underline;!*下划线*!*/
/*text-decoration: overline;!*上划线*!*/
/*text-decoration: line-through;!*删除线*!*/
text-decoration: none; /*取消装饰，用得比较多就是取消链接的下划线*/
}
/*字体连写，但是有固定顺序的，位置不能错，而且必须有font-size和 font-family*/
h3{
/*顺序为：font-style font-size/line-height font-family */
font: italic 25px "华文行楷";
}
</style>
</head>
<body>
<h2>你好哈哈哈哈哈哈哈哈哈哈</h2>
<h3>或或或或或或或或或或或或</h3>
<p>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>
<p>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>
</body>
</html>
