CSS常用属性及用法

CSS常用属性及用法

CSS定义是由三个部分构成：
selector{property:value} (选择符{属性1：值1；属性2：值2；属性3：值3；…})

1、selector
可以把相同属性和值的选择符组合起来,书写用逗号分隔开。
2、类选择符
定义选择符时，可以在自定义的类名前面加一个点号(.)，只要在HTML标记里面加入对应的定义的class的参数。
3、id选择符
在html中,id参数指定了某个单一元素，id选择符是用来对这个单一元素定义单独的样式。id选择符的应用和类选择符类似，只要把class换成id即可。id只能在一个页面出现一次而class 可以多次运用。
id选择符要在id前加一个“#”号。

4、颜色单位
CSS中指定颜色可以用以下五种方法：
颜色名。
#RRGGBB。 每种颜色以一个位十六进制进制表示
#RGB。 每种颜色用1位十六进制表示
Rgb(rrr,ggg,bbb). 使用0~255）的十进制表示一种颜色的含量
Rgb(rrr%,ggg%,bbb%) 可使用百分比表示三原色的含量.

5、字体属性
font-family 设置字体
font-size 字体大小
font-syle 这个属性有三种可选：normal \italic（斜体）\oblique(斜体）
font-weight normal\bold
color 设置字体颜色

text-decoration:
—underline 下划线
—overline 上划线
—line-through 删除线
—blink 闪烁

6、背景属性
background-color:
设定背景图片background-image:
背景重复属性 background-repeat:
—repeat-x 横向重复
—repeat-y 纵向重复
—no-repeat 不重复
背景附着属性决定图片随内容滚动还是固定不动 background-attachment:
—scroll
—fixed

background-position
如：background-position:30px 60px表示背景图片初始位置最初离网页最左边30px距离上面60px

7、CSS边框属性
border-style:
—none 没有边框
—dotted 表示点线式边框
—dashed 表示折线式边框
—solid 表示直线式边框
—double 表示双线式边框
—groove 表示槽线式边框
—ridge 表示脊线式边框
—inset 内嵌效果边框
—outset 突起效果边框
border-width
—medium 缺省值
—thin
—thick
8、边距属性（外边距）
margin-left:
margin-right
margin-top
margin-bottom:
9、间隙属性(内边距): padding
10、列表样式属性 list-style-type