1. 基本选择器

1. 基本选择器

通配符:
*{
属性名:属性值;
}

标签选择器:
标签名:{
属性名:属性值;
}

id选择器

类选择器

分组选择器:
选择指定选择器选中的元素
选择器1,选择器2,选择器3…{
属性名:属性值;
}

2.选择器的优先级(权重值)

Id选择器(100) > 类选择器(10) > 元素选择器(1) > 通用选择器

行内样式 style属性中 权重是1000

3组合选择器

在css中包含了四种组合方式:

后代选择器(以空格分隔)
选择指定元素的所有的后代元素
指定元素 指定元素:{
属性值:属性名;
…
}

子代选择器(以大于号分隔)
选择指定元素的第一代元素

相邻兄弟选择器(以加号分隔)
选择指定元素的相邻的下一个指定元素 (只会向下找一个)

普通兄弟选择器(以波浪线分隔)
选择指定元素后的指定同级元素 (只会向下找)

4.背景图片

background-color
设置元素的背景颜色

background-image:url(‘paper.gif’);
设置元素的背景图像 (默认涵盖整个元素实体)

background-repeat: no-repeat;
设置是否重复背景图像
repeat-x 横向重复
repeat-y 纵向重复
no-repeat 不重复
repeat 重复(默认)

background-size
设置图像尺寸

5.文本

color
设置文本颜色

text-align
设置文本对齐方式:
center(居中)
left(左对齐) 默认
right(右对齐)
justify(左右对齐)

text-decoration
文本修改
overline 设置上划线
underline 设置下划线
line-through 设置中划线
none 去除文本修饰

text-indent
设置首行缩进 em(一个文字的宽度)
2em; (代表空两个字)

line-height
设置行间距(与高度一致 则显示在中间)