本文讲css外观属性
①color:文本颜色
作用:定义文本的颜色
取值方式:
预定义的颜色值:red,green,blue…
十六进制:#Ff0000,#29D794…
RGB代码:rgb(255,0,0)或者rgb(100%,0%,0%)
p {
color:#ff0000;
}
p {
color:rgb(255,103,0);
}
注:工作中十六进制方式用的最多,并且通常用简写red=#f00
16进制简写,两两相同只要写一个
如 #ff0000 ->#f00 ,#ff1122->#f12
p {
color:#f00;
}
②text-align:文本水平对齐方式
作用:text-align属性用于设置文本内容的水平对齐方式,相当于html中align对齐属性。
属性值:
left:左对齐
right:右对齐
center:居中对齐
注意:该属性是让盒子里的内容水平居中,而不是让盒子居中对齐。
/*文本水平居中对齐*/
.tac {
text-align:center;
}
③text-indent:首行缩进
作用:text-indent属性用来设置首行文本的缩进。
属性值:可以用不同单位的值,但通常用em做单位。如果是中文段落,1em=一个汉字的宽度。
/*首行缩进两个字*/
p {
text-indent:2em;
}
④text-decoration:文本的修饰
作用:通常用来给链接加修饰的效果
值:
none:取消下划线(最常用)
underline:定义文本下划线(常用)
overline:定义文本上划线(不用)
line-through:定义穿过文本的一条线(不常用)
/*取消下划线*/
p {
text-decoration:none;
}
⑤line-height:行间距
作用:line-height属性用来设置行高行间距,就是字符的垂直距离。
单位:px em % 工作中常用px
小技巧:一般情况下,行高比字号大7,8像素左右就可以了。
/*行高*/
p {
line-height:24px;
}
http://moban.shenhuangji.com/post/23.html