选择器的优先级

2019-05-28  本文已影响0人  张明越

选择器的优先级

优先级的规则

!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用来设置首行缩进

只对第一行有影响

上一篇 下一篇

猜你喜欢

热点阅读