选择器的优先级

选择器的优先级

优先级的规则

!important 最高

内联样式：1000

id选择器：100

类和伪类：10

元素选择器：1

通配选择器：0

继承的样式，没有优先级。

---

a的伪类

优先级是一样的，但顺序不可改变

link visited hover active

否则容易覆盖。

---

文本标签

em

表示内容的着重点

strong

表示内容的重要性

i  icon图标

细体

b

粗体

small

细则

big

表现标签

cite

网页当中突出

q 短引用

引用的内容会添加“”

blockquote 长引用 块元素

sup 上标

sub 下标

del 删除线 划掉

ins 下划线

pre 预格式标签 但不会忽略空格

code 可执行的代码

---

列表

去掉项目符号

list-style：none

有序列表/无序列表/定义列表可以互相嵌套

在网页中一共三种列表

1.无序列表： ul li  默认小黑点

2.有序列表：ol li  默认数字

3.定义列表;  dl  dt dd

---

文本的样式

长度单位

px 像素

百分比% 根据父亲的百分比

em 字体1em = 1font-size

---

颜色的单位

rgb(数字,数字,数字)

rgb(百分比，百分比，百分比）

#000000

---

字体的样式

font-family

serif（衬线字体）

sans-serif（非衬线字体）

monospace （等宽字体）

cursive （草书字体）

fantasy （虚幻字体）

---

字体的其他样式

itakic 斜体

font-weight 字体的粗细 bord 粗体

font-variant 小型大写字母 small-caps

font:可以设置以上文本类型调试

---

行间距

行间距=行高-字体大小

设置行高间接设置行间距，但数值不能设置胃负数

---

字型

格式化（只对英文有意义）

text-transform

none  默认。定义带有小写字母和大写字母的标准的文本。

capitalize  文本中的每个单词以大写字母开头。

uppercase 定义仅有大写字母。

lowercase 定义无大写字母，仅有小写字母。

text-decoration

underline

overline

line-through

none

---

字母间距和单词间距

letter-spacing: xx px

word-spacing: xx px

---

对齐文本

text-align：

left 左对齐

right 右对齐

justify 两边对齐

center居中对齐

默认为左对齐

---

首行缩进

tex-indent用来设置首行缩进

只对第一行有影响