网页制作基础教程（五）-css样式（-）

在上一节《网页制作基础教程（四）-css语法》教程中，我们简单的了解CSS的基础语法，以及CSS的几种链接形式。那今天我们就一起深入学习，css样式-背景属性、文本属性。

一、CSS背景属性

background 是简写属性，它包含5个基本属性，分别是：

<1>background-color: 规定要使用的背景颜色
属性：#fff,red,rgb(235,235,235)三种属性值

<2>background-position: 规定背景图像的位置
属性：(top center),30px 40px,x% y%三种属性值，第一个是水平位置，另一个是垂直位置。

<3>background-attachment:背景图像是否固定或者随着页面的其余部分滚动
属性： scroll默认值 fixed固定 inherit继承父元素background-attachment 属性的设置。

<4>background-repeat:规定如何重复背景图像
属性：repeat-x(X轴平铺) repeat-y（Y轴平铺） no-repeat（不平铺）

<5>background-image:把图像设置为背景
属性：url("图片的链接地址")

二、文本属性

在文本属性中一般有这6个属性：

<1>文本的颜色
color:red,#fff,rgb(255,255,255)

<2>字符间距
letter-spacing: 20px文字中间相距20像素

<3>行间距
line-height 属性设置行间的距离（行高）。

<4>对齐文本
3种文本对齐方式：text-align: center/left/right

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

<6>对文本进行缩进
text-indent：20px将段落的第一行缩进20像素

写在最后：根据背景的基础属性，我们一般可以简写成：background:url("images/banner,jpg") top center no-repeat;这样写的好处可以简化代码，提升网页的打开速度。在文本属性中颜色值#ffffff.可以简写成#fff;（每两个相同的字母才可以简写哟！比如：#ff3366;简写成#:f36;）

本文由段个人博客原创出品，转载请注明出处

本文出处：http://www.duanliang920.com/learn/web/jc/216.html