网页制作基础教程（五）-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/dl/learn/web216.html