css 文本及字体、链接、背景、图片

1、Css 文本及字体设计

color 设置文字的颜色，如： color:red;

font-size 设置文字的大小，如：font-size:12px;

font-family 设置文字的字体，如：font-family:‘微软雅黑’;

font-style 设置字体是否倾斜，如：font-style:‘normal’; 设置不倾斜，font-style:‘italic’;设置文字倾斜

font-weight 设置文字是否加粗，如：font-weight:bold; 设置加粗 font-weight:normal 设置不加粗

font 同时设置文字的几个属性，写的顺序有兼容问题，建议按照如下顺序写： font：是否加粗 字号/行高 字如：font:normal 12px/36px ‘微软雅黑’;

line-height 设置文字的行高，如：line-height:24px;

text-decoration 设置文字的下划线，如下

值 描述
none 默认。定义标准的文本。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。
blink 定义闪烁的文本。
inherit 规定应该从父元素继承 text-decoration 属性的值。

text-indent 设置文字首行缩进，如：text-indent:24px; 设置文字首行缩进24px

text-align 设置文字水平对齐方式，如text-align:center 设置文字水平居中

2、背景设计

属性解释 ：

background属性是css中应用比较多，且比较重要的一个属性，它是负责给盒子设置背景图片和背景颜色的，background是一个复合属性，它可以分解成如下几个设置项：

background-color 设置背景颜色

background-image 设置背景图片地址

background-repeat 设置背景图片如何重复平铺

repeat 默认。背景图像将在垂直方向和水平方向重复。
repeat-x 背景图像将在水平方向重复。
repeat-y 背景图像将在垂直方向重复。
no-repeat 背景图像将仅显示一次。
inherit 规定应该从父元素继承 background-repeat 属性的设置。

background-position 设置背景图片的位置

background-attachment 设置背景图片是固定还是随着页面滚动条滚动

值 描述
scroll 默认值。背景图像会随着页面其余部分的滚动而移动。
fixed 当页面的其余部分滚动时，背景图像不会移动。
inherit 规定应该从父元素继承 background-attachment 属性的设置。

3、颜色的表示方法

css 颜色值主要有三种表示方法：

1、颜色名表示，比如：red 红色，gold 金色

2、rgb 表示，比如：rgb(255,0,0)表示红色

3、16 进制数值表示，比如：#ff0000 表示红色，这种可以简写成#f00

4、图片居中样式

text-align: center;     /*给图片父元素设置显示效果为水平居中*/
line-height: 600px;		/*给图片父元素设置行高*/		

vertical-align: middle;	/*	图片中间与文字对齐    为图片设置*/
vertical-align: text-bottom;	/*图片下边与文字对齐		 为图片设置*/
vertical-align: text-top;		/*图片的上边与文字对齐		 为图片设置*/