CSS教程
1、 字体属性
这是最基本的属性,您经常都会用到。它主要包括以下这些属性:

2、颜色和背景属性
下面我们就讲一下CSS的颜色和背景属性。先来看一下CSS下的颜色和背景都有哪些属性吧(如下表):

3、文本属性
※定义间距
前面说了如何用CSS定义字体、颜色和背景属性,那么定义好的文本我们怎么对它进行排版呢?
下面我们讲述一下CSS的文本属性,还是先来看一下文本属性的详细列表:
※装饰超链接
网页默认的链接方式是这样的:未访问过的链接是蓝色文字并带蓝色的下划线,访问过的超级链接是深紫色的文字并带深紫色的下划线。如果您所有的网页都是这种样式,是不是很单调呢?
4、“容器”属性
※边距属性
听起来是不是很有趣,什么叫“容器”属性呢?CSS的容器属性包括边距、填充距、边框和宽度、高度、浮动、清除等属性。 您想,网页中的内容肯定是都需要“装”进这个“容器”里。“容器”属性是CSS中非常重要的一种属性,我们将分类进行学习。 先来看一下边距属性的详细列表:

※填充距属性
本节我将向您介绍填充距属性。我们先来看一下填充距的属性列表:

※边框属性
本节我们来看一下种类繁多的边框属性,先来看一下属性列表:

※图文混排
我们在来看看“容器”属性还有什么其他的属性,请看属性列表:

5、分级属性
如果您使用过Word,那您一定知道Word中有一个“项目符号和编号”的功能。 在html中,您无需使用前面提到的一些字体、颜色、容器属性来对字体、颜色和边距、填充距等进行初始化。因为在CSS中,已经提供了进行分级的专用分级属性。 分级属性包括了“list-style”(列表样式)、“list-item”(列表项)等多种属性,我们先来看一下分级属性的详细列表:

6、鼠标属性
我们知道,当把鼠标移动到不同的地方时,当鼠标需要执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生改变。 用CSS来改变鼠标的属性,就是当鼠标移动到不同的元素对象上面时,让鼠标以不同的形状、图案显示。 在CSS当中,这种样式是通过“cursor”属性来实现的。Cursor属性有很多的属性值,我们来看一下它的详细列表:

本文由http://www.isee5.com音乐网提供
以上为Css属性,也可以看以下属性列表:
CSS属性列表
属性名称
字体属性(Font) font-family font-style font-variant font-weight font-size
颜色和背景属性 Color Background-color Background-image Background-repeat Background-attachment Background-position
文本属性 Word-spacing Letter-spacing Text-decoration
Vertical-align
Text-transform
Text-align Text-indent Line-height
边距属性 Margin-top Margin-right Margin-bottom Margin-left
填充距属性 Padding-top Padding-right Padding-bottom Padding-left
边框属性 Border-top-width Border-right-width Border-bottom-width Border-left-width Border-width Border-color Border-style Border-top Border-right Border-bottom Border-left Width Height Float Clear
分级属性 Display White-space List-style-type List-style-image List-style-position List-style
鼠标(Cursor)属性 |
属性含义
使用什么字体 字体是否斜体 是否用小体大写 字体的粗细 字体的大小
定义前景色 定义背景色 定义背景图案 重复方式 设置滚动 初始位置
单词之间的间距 字母之间的间距 文字的装饰样式
垂直方向的位置
文本转换
对齐方式 首行的缩进方式 文本的行高
顶端边距 右侧边距 底端边距 左侧边距
顶端填充距 右侧填充距 底端填充距 左侧填充距
顶端边框宽度 右侧边框宽度 底端边框宽度 左侧边框宽度 一次定义宽度 设置边框颜色 设置边框样式 一次定义顶端 一次定义右侧 一次定义底端 一次定义左侧 定义宽度属性 定义高度属性 文字环绕 哪一边环绕
定义是否显示 怎样处理空白 加项目编号 加图案 第二行起始位置 一次定义列表
自动 定位“十”字 默认指针 手形 移动 箭头朝右方 箭头朝右上方 箭头朝左上方 箭头朝上方 箭头朝右下方 箭头朝左下方 箭头朝下方 箭头朝左方 文本“I”形 等待 帮助
|
属性值
所有的字体 Normal、italic、oblique Normal、small-caps Normal、bold、bolder、lithter等 Absolute-size、relative-size、length、percentage等
颜色 颜色 路径 Repeat-x、repeat-y、no-repeat Scroll、Fixed Percentage、length、top、left、 right、bottom等
Normal <length> 同上 None|underline|overline|line- through|blink Baseline|sub|super|top|text-top|middle|bottom|text-bottom| Capitalize|uppercase| lowercase|none Left|right|center|justify <length>|<percentage> Normal|<number>|<length>| <percentage>
Length|percentage|auto 同上 同上 同上
Length|percentage 同上 同上 同上
Thin|medium|thick|length 同上 同上 同上 同上 Color None|dotted|dash|solid等 Border-top-width|color等 同上 同上 同上 Length|percentage|auto Length|auto Left|right|none Left|right|none|both
Block、inline、list-item、none Normal、pre、nowrap Disc、circle、square等 <url>|none Inside、outside <keyword>|<position>|<url>
Auto Crosshair Default Hand Move e-resize Ne-resize Nw-resize n-resize Se-resize Sw-resize s-resize w-resize Text Wait Help | |