CSS选择器介绍

css三大特性：

1.继承性

2.优先级

3.层叠性

优先级等级

选择器	权值	权级
!important	10000	5
内联	1000	4
id	100	3
class	10	2
元素选择器	1	1
通配符	0	0

伪类与为元素

伪类 :hover :first-child...

伪元素 ::before ::after

区分

伪类是操作对象中档中有的元素，伪元素是没有的

伪类单冒号 伪元素双冒号

伪元素

1. hover悬浮

2. link未访问

3. visited访问后

4. active鼠标按下

字体

字体大小 fonts-size 谷歌默认16px

字体粗细 font-weight noraml 正常 加粗bold 取值 100-900 正常400 加粗700

字体倾斜 font-style 正常 normal 倾斜italic

字体 font-family 从左往右 如果电脑未安装此字体则显示下一个 都没有安装则默认

本文

文本缩进 text-indent:2em

文本对其方式 text-aligin:center /left/right

文本修饰 text-decoration: underline 下划线常用 line-through 删除线 overline上划线 none无装饰

选择器

class 选择器

id选择器

标签选择器 span

属性选择器 input[type:'text']

后代选择器 选择器中间以空格分开 ，后代包括 儿子 孙子 重孙子等-- .demo .demo2 .demo3

子代选择器 只包括儿子 用>隔开 .demo>demo2

并集选择器 逗号分隔 .demo, .demo2

交集选择器 不用任何分隔 紧挨着 .demo.demo2