css字体属性
【摘要】 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="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>
<a href="#">你不会听错了吧</a>
<p>缩进</p>
</body>
</html>
【版权声明】本文为华为云社区用户原创内容，转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息， 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）