css外观属性详解

本文讲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