css的文本属性
1.文本颜色
div{
color: red;
}
这个颜色还可以用#开头的16进制 #ff0000(红色) / rgb(255,0,0)/rgb(100%,0%,0%);
<html>
<head>
<!--!+tab键生成基本格式 只写针对知识点的写法-->
<title> 练习</title>
<style>
div{
color: red;
}
</style>
</head>
<body>
<div> 文字复合属性</div>
</body>
</html>
2.对齐文本
textt-align 只能是水平对齐方式
left 左对齐
right 右对齐
center 居中对齐
默认的是左对齐
<html>
<head>
<!--!+tab键生成基本格式 只写针对知识点的写法-->
<title> 练习</title>
<style>
div{
text-align: center;
}
</style>
</head>
<body>
/*本质是让盒子里面的文字水平居中*/
<div> 文本练习</div>
</body>
</html>
3.装饰文本
下划线标签
text-decoration睡醒规定调价到文本的装饰,可以给文本添加下划线,删除线,上划线
none 默认 没有装饰线
underline 下划线.链接a自带下划线
overline 上划线
line-through 删除线
<html>
<head>
<!--!+tab键生成基本格式 只写针对知识点的写法-->
<title> 练习</title>
<style>
div{
text-decoration: underline;
}
</style>
</head>
<body>
<div> 文本练习</div>
</body>
</html>
平常的链接不要下划线
<html>
<head>
<!--!+tab键生成基本格式 只写针对知识点的写法-->
<title> 练习</title>
<style>
div{
text-decoration: underline;
}
a{
text-decoration: none;
color: #333;
}
</style>
</head>
<body>
<div> 文本练习</div>
<ins> 文本练习</ins>
<a href="#">baidu</a>
</body>
</html>
4.文本缩进
text-indent属性用来指定文本的第一行缩进,通常是将段落的首行缩进
注意缩进的数值可以是负值.
<html>
<head>
<!--!+tab键生成基本格式 只写针对知识点的写法-->
<title> 练习</title>
<style>
p{
text-indent: 12px;
}
</style>
</head>
<body>
<p> 巴拉巴拉一大堆,啊啊啊啦啦啦啦啦啦啦,不够一行接着凑,效果不明显,啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦</p>
<p> 巴拉巴拉一大堆,啊啊啊啦啦啦啦啦啦啦,佩奇的爸爸喜欢玩泥坑,佩奇的妈妈也喜欢玩泥坑,大家都喜欢玩泥坑</p>
</body>
</html>
注:em是一个相对单位,就是当前元素1
个文字的大小,如果当前元素没有设置大小,则会按照父元素的一个文字大小
<html>
<head>
<!--!+tab键生成基本格式 只写针对知识点的写法-->
<title> 练习</title>
<style>
/* 还是24px*2 */
p{
font-size: 24px;
text-indent: 2em;
}
</style>
</head>
<body>
<p> 巴拉巴拉一大堆,啊啊啊啦啦啦啦啦啦啦,不够一行接着凑,效果不明显,啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦</p>
<p> 巴拉巴拉一大堆,啊啊啊啦啦啦啦啦啦啦,佩奇的爸爸喜欢玩泥坑,佩奇的妈妈也喜欢玩泥坑,大家都喜欢玩泥坑</p>
</body>
</html>
5.行间距
line-height 属性用于设置行间的距离(行高),可以将控制文字行与行之间的距离
行间距包括上间距 文本高度 下间距
<html>
<head>
<!--!+tab键生成基本格式 只写针对知识点的写法-->
<title> 练习</title>
<style>
div{
line-height: 26px;
}
</style>
</head>
<body>
<div> 巴拉巴拉</div>
<p> 巴拉巴拉一大堆,啊啊啊啦啦啦啦啦啦啦,不够一行接着凑,效果不明显,啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啊啊啊啦啦啦啦啦啦啦啊啊啊啦啦啦啦啦啦啦啊啊啊啦啦啦啦啦啦啦啊啊啊啦啦啦啦啦啦啦啊啊啊啦啦啦啦啦啦啦啊啊啊啦啦啦啦啦啦啦啊啊啊啦啦啦啦啦啦啦啊啊啊啦啦啦啦啦啦啦啊啊啊啦啦啦啦啦啦啦啊啊啊啦啦啦啦啦啦啦啊啊啊啦啦啦啦啦啦啦啊啊啊啦啦啦啦啦啦啦</p>
<p> 巴拉巴拉一大堆,啊啊啊啦啦啦啦啦啦啦,佩奇的爸爸喜欢玩泥坑,佩奇的妈妈也喜欢玩泥坑,大家都
</body>
</html>