CSS的基本属性

CSS的基本属性

1. 颜色
2. 文本属性
3. 背景属性
4. 列表属性
5. 超链接属性
6. 表格属性

前几天我们也了解了一些Dreamweaver 的一些文本，列表等一些相关代码，可以建立一些大体框架，那么我们今天就来普及一下相关的属性知识。

---

1、颜色

颜色	描述
red，blue，green	直接输入对应颜色的英文名，当然局限性就是可用颜色略微有点少
rgb(x,x,x)	rgb值，每个颜色分量取值0-255，其中红色rgb（255，0，0）灰色rgb（66，66，66）
ragb（x%,x%,x%）	rgb百分值，红色rgb（100%，0，0）
rgba（x,x,x,a）	rgb值，透亮度：a值：0.0（完全透亮）-1.0（完全不透明），如红色半透明：rgba（255，0，0，0.5）
#rrggbb	十六进制数，如：红色#ff0000，红色：#f00（去掉重复位）

---

2、文本属性

文本属性内，我们这里就分了两类，一种是文本，另一种是字体

*文本*

属性	描述+取值
color	文本颜色：rgb#f00 / / rgb(255,0,0)
letter-spacing	字符间距：2px //-3px
line-height	行高： 16px //1.5em //120%
text-align	对齐方式：center // left // right //justify
text-decoration	装饰线：none // overline // underline // line-through
text-indent	首行缩进：2em

*字体*

属性	描述+取值
font	设置所有的字体属性：font：blod 18px ‘楷体’
font-famil	字体
font-size	字号：16px // 120%
font-style	斜体：italic
font-weight	粗体:blod

---

3、背景属性

属性	格式
background-position	背景图像的起始位置
background-repeat	repeat // repeat-x //repeat-y // no-repeat
background-image	url(‘logo.jpg’)—图片路径
background-color	颜色英文 //rgb //rgba

---

4、列表属性

ul ol 共用属性

属性	描述
list-style	所有用于列表的属性，设置于一个声明中
list-style-image	为列表项标志设置图像
list-style-position	标签的位置
list-style-type	标志的类型

list-style-type

list-style-position

**关于list-style-position位置属性，**inside//outside**两种用法。**

list-style-image

<style type=text/css>
	.noe{
	list-style-image:url(路径)
		}
</style>

5、超链接属性

超链接的属性呢主要是用‘：’伪类选择器
a：link{…]
a:vistied{…}
a:hover{…}
a:active{…}

6、表格属性

属性	描述
width	表格大小（宽）
height	表格大小（高）
border	边框
border-collapse	边框合并

okk
今天的补充就到这里了，大家下去自己勤加练习