CSS外观属性

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属性用于定义英文单词的间距,对中文无效.

代码如下:




	
	Document
	


红色

绿色

蓝色


正常文本:

熊大是一头聪颖、智慧无边的雄性狗熊,懂得坚持主见的重要性,足智多谋,喜欢母熊翠花,常常为了讨好翠花与胞弟熊二互相竞争;在讨好翠花这一方面,熊二略逊于熊大。经常阻止光头强的阴谋,是光头强最大的对手。


行间距如下:

熊大是一头聪颖、智慧无边的雄性狗熊,懂得坚持主见的重要性,足智多谋,喜欢母熊翠花,常常为了讨好翠花与胞弟熊二互相竞争;在讨好翠花这一方面,熊二略逊于熊大。经常阻止光头强的阴谋,是光头强最大的对手。


水平对齐方式:

熊大是一头聪颖、智慧无边的雄性狗熊,懂得坚持主见的重要性,足智多谋,喜欢母熊翠花,常常为了讨好翠花与胞弟熊二互相竞争;在讨好翠花这一方面,熊二略逊于熊大。经常阻止光头强的阴谋,是光头强最大的对手。


首行缩进+字间距

熊大是一头聪颖、智慧无边的雄性狗熊,懂得坚持主见的重要性,足智多谋,喜欢母熊翠花,常常为了讨好翠花与胞弟熊二互相竞争;在讨好翠花这一方面,熊二略逊于熊大。经常阻止光头强的阴谋,是光头强最大的对手。

 

效果如下:

CSS外观属性_第1张图片

你可能感兴趣的:(CSS)