前端学习-5

选择器权重

原子选择器

• tag
• class
• id
  选择器的权重：
  html <h1 class="a" id="b"> 这是一个标题 </h1>

  样式

h1{color:red;} < .a h1{color:yellow} < #b.a h1{color:gerrn}

伪类选择器

1. :hover: 鼠标悬停
2. :enabled: 有效控件
3. :disabled: 禁用控件
4. :checked: 选中控件
5. :required: 必选控件
6. :focus: 焦点控件
7. :not(): 过滤掉某些元素
8. :empty(): 空

   盒模型

9. width: 宽
10. height: 高
11. padding: 内边距
12. border: 边框
13. margin: 外边距
    其中border可设置width,style,color