<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<metaname="viewport"content="width=device-width, initial-scale=1.0">
<title>CSS文本外观属性之颜色</title>
<style>
/* 1.4.1文本颜色 */
/* css text属性看定义文本的外观，比如颜色，对齐文本，装饰文本，文本缩进，行间距等 */
div {
color: deeppink;
}
/* 1.4.2文本对齐 */
/*text-align 属性用于设置元素内文本内容的水平对齐方式 */
h1 {
text-align: center；
}
/* 1.4.3装饰文本 */
/* text-decoration属性规定添加到文本的装饰 */
h1 {
text-decoration: underline;
}
/* 1.4.4文本缩进 */
/* text-indent属性用来指定文本的第一行的缩进，通常是将段落首行缩进 */
p {
/* 文本的第一行首行缩进多少 */
/* em=16px 2em=32px*/
text-indent: 20px;
}
/* 1.4.5行间距 */
/* line-heihgt属性用于设置行间的距离，可以控制文字行与行之间的距离 */
p {
line-height: 26px;
/* 上间距加上文本高度16px加上下间距一共26px */
}
</style>
</head>
<body>
<div>听说我有喜欢的女孩子</div>
<h1>你不会是听错了把</h1>
<ahref="#">你不会听错了吧</a>
<p>缩进</p>
</body>
</html>
