选择器的优先级

  1.优先级的规则 

    !important 获取一个最高优先级（慎用）

    ①内联样式  1000

    ②id选择器 100

    ③类和伪类 10

    ④ 元素选择器 1

    ⑤通配*。0

    ⑥继承的样式没有优先级

    ⑦多种选择器的时候是可以相加的

    ⑧所有优先级他的值是永远都不会超过他的最大的值的

    ⑨如果两个优先级相同的话，覆盖前一个执行最后一个

    ⑩并集选择器是个算个的，不会相加

2.A的伪类

link  visited hover active  访问链接的顺序不能变

3.文本标签

①em 标签一般用于表示一段内容的着重点

②strong 标签一般用于一个内容的重要性

③i 标签是以斜体表示}表示图标。没有任何语义

④b 标签是以粗体表示 } 没有任何语义

⑤ small 标签一般表示版权声明。内容条款

⑥ big 大体子

⑦cite 标签 语义，参考的内容

⑧q 标签 引用的内容，会被浏览器默认标写双引号  是CSS样式

⑨blockquote 标签 块引用或长引用， 用div包含块  （在论坛中用的比较多）

⑩sup 上标标签，sub  下标标签

11）<ins><del> 一般表示现价与原价

12）ins表示插入的内容，显示时通常会加上下 划线。

13）del表示删除的内容，显示时通常会加上删 除线。

14）pre / code 标签 一起使用。表示执行保留格式

4.列表

如何去掉项目符号  ul{

list-style：none

}

①无序列表 ul  li / ul包含li  <ul><li></li></ul> 创建    默认项目序号是实心圆圈} 无序可以套有序，可以套无序。可以随意嵌套

②有序列表ol li / ol包含li  <ol><li></li></ol> 默认项目序号是阿拉伯数字}

③定义列表 dl dt dd  <dl><dt><dd>对dt的描述</dd></dt><dl>

5.单位

① 像素px

②百分比% 当父元素发生变化的时候，子元素也会发生变化

③em 根据字体设置大小的  一个em相当于一个font-size

④rgb 颜色设置，可以用数字，最大值是255，也可以用百分比%，最大是100%

6.十六进制来表示颜色

①rgb  #000000-ffffff 要么是三位要么是六位

7. 字体的样式

①font-size：30px

font-family：字体；

②family 可以设置多个字体，设置多个字体的时候，中间一定要加逗号。

③font-style：italic 斜体

④font-weight：bold文本的粗体

⑤font-variant：small-caps；小型大写字体

使用font没有先后顺序执行。不写的话是按照默认从上到下依次执行

8.字体分类

①衬线字体：serif 包含宋体。 写字的末尾后面都会多一点东西

②非衬线字体：sans-serif 跟等宽字体差距不是很大

③等宽字体：monospace 字体宽度相同，容易对齐

④草书字体：cursive 潦草很多

⑤虚幻字体：fantasy

一般把几大字体放在字样式的末尾。

9. 行间距

①字号默认16px  line-height： 行高    公式：行间距=行高-字体大小  倍数：1~  像素px  百分号：100%就是字体的大小就是行间距的大小

②垂直居中 设置行高跟父级设置一样高

10.大写化

①text-transform 控制文本的大小写

②text-transform：uppercase ：控制文本大写

③text-transform：lowercase：控制文本的小写

④text-transform：capitalize ：控制文本的首字母大写

⑤text-transform：none ：文本正常

⑥text-decoration ：underline（上划线）

⑦text-decoration ：overline （下划线）

⑧text-decoration ：line-through  （中划线）

⑨text-decoration ：none （没有线条）

11.字母单词的间距

①letter-spacing：10px  字符边距

②word-spacing：10px  汉字边距

③text-align：left：左对齐

④text-align：right：右对齐

⑤text-align：justify：两边对齐

⑥text-align：center：居中对齐

12.首行缩进

①text-indent：2em