CSS知识复习（二）：CSS的使用

一、CSS基础

1、选择器

选择器{

            属性：值；

            属性：值

           }

作用：用于匹配HTML元素、分类和权重、解析方式和性能、值得关注的选择器

分类：

• 元素选择器a{}
• 伪元素选择器::before{}
• 类选择器 .link{}
• 属性选择器[type=radio]{}
• 伪类选择器 :hover{}
• ID选择器#id{}
• 组合选择器 [type=checkbox]+labei{}
• 否定选择器 :not(.link){}
• 通用选择器*{}

 权重：

• ID选择器 #id{} +100
• 类 属性 伪类 +10
• 元素 伪元素 +1
• 其它选择器 +0

2、非布局样式

字体

行高

背景

边框