CSS外观属性

最新推荐文章于 2022-08-25 09:13:55 发布

纯情小码哥

最新推荐文章于 2022-08-25 09:13:55 发布

阅读量365

点赞数 1

分类专栏： CSS 文章标签： CSS外观属性

本文链接：https://blog.csdn.net/Liyunhao_haoge/article/details/101980123

版权

CSS 专栏收录该内容

58 篇文章 1 订阅

订阅专栏

CSS外观属性

CSS外观属性-文本颜色
color:文本颜色
1)预定义的颜色,red,green,blue等;
2)十六进制,如#ff0000,实际工作中,十六进制是最常用的定义颜色的方式;
3)RGB代码,如红色可以表示为rgb(255,0,0)或者(100%,0%,0%).
需要注意的是,如果使用RGB代码的百分比颜色值,取值0时也不能省略百分号,必须写0%;

line-height:行间距
属性用于设置行间距,就是行与行之间的距离,一般称为行高,一般情况下,行距比字号大7-8个像素就可以了.

text-align:水平对齐方式
text-align属性用于设置文本内容的水平对齐,相当于html中的align对齐属性.其可用属性值如下:
left:左对齐(默认值)
right:右对齐
center:居中对齐

text-ident:首行缩进
tent-ident属性用于设置首行文本的缩进,其属性值可为不同单位的数值\em字符宽度的倍数\或相对于浏览器窗口宽度的面分比%,允许使用负值,建议使用em作为设置单位;

letter-spacing:字间距
letter-spacing属性用于定义字间距,即字符与字符之间的空白.其属性值可为不同单位的数值,允许使用负值,默认为normal

word-spacing:单词间距
word-spacing属性用于定义英文单词的间距,对中文无效.

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
	.colorRed{
		color: red;
	}
	.colorGreen{
		color:#0f0;
	}
	.colorBlue{
		color:rgb(0,0,255);
	}	
	.lineHeight{
		line-height: 32px;
	}
	.textAlign{
		text-align: center;
	}
	.textIndent{
		text-indent: 2em;
	}
	.letterSpacing{
		letter-spacing: 3px;
	}
	</style>
</head>
<body>
<h3 class="colorRed">红色<h3>
<h3 class="colorGreen">绿色<h3>
<h3 class="colorBlue">蓝色<h3>
<hr />	
<h3>正常文本:</h3>
<p>熊大是一头聪颖、智慧无边的雄性狗熊，懂得坚持主见的重要性，足智多谋，喜欢母熊翠花，常常为了讨好翠花与胞弟熊二互相竞争;在讨好翠花这一方面，熊二略逊于熊大。经常阻止光头强的阴谋，是光头强最大的对手。</p>
<hr >
<h3>行间距如下:</h3>
<p class="lineHeight">熊大是一头聪颖、智慧无边的雄性狗熊，懂得坚持主见的重要性，足智多谋，喜欢母熊翠花，常常为了讨好翠花与胞弟熊二互相竞争;在讨好翠花这一方面，熊二略逊于熊大。经常阻止光头强的阴谋，是光头强最大的对手。</p>
<hr >
<h3>水平对齐方式:</h3>
<p class="textAlign">熊大是一头聪颖、智慧无边的雄性狗熊，懂得坚持主见的重要性，足智多谋，喜欢母熊翠花，常常为了讨好翠花与胞弟熊二互相竞争;在讨好翠花这一方面，熊二略逊于熊大。经常阻止光头强的阴谋，是光头强最大的对手。</p>
<hr >
<h3>首行缩进+字间距</h3>
<p class="textIndent letterSpacing">熊大是一头聪颖、智慧无边的雄性狗熊，懂得坚持主见的重要性，足智多谋，喜欢母熊翠花，常常为了讨好翠花与胞弟熊二互相竞争;在讨好翠花这一方面，熊二略逊于熊大。经常阻止光头强的阴谋，是光头强最大的对手。</p>
</body>
</html>

效果如下：

纯情小码哥

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
CSS外观属性

CSS外观属性CSS外观属性-文本颜色color:文本颜色1)预定义的颜色,red,green,blue等;2)十六进制,如#ff0000,实际工作中,十六进制是最常用的定义颜色的方式;3)RGB代码,如红色可以表示为rgb(255,0,0)或者(100%,0%,0%).需要注意的是,如果使用RGB代码的百分比颜色值,取值0时也不能省略百分号,必须写0%;line-height:...
复制链接

扫一扫