引入CSS:
- 行间样式:在标签中加入属性style=""
- 页面级CSS:在head中加入<style type="text/css"></style>
- 外部CSS文件:在head中加入<link rel="stylesheet" type="text/css" href="demo.css">
选择器:
- id选择器:#
- class选择器:.
- 标签选择器:div
- 通配符选择器:*
- 属性选择器:[]
- 父子选择器(派生选择器):div strong (浏览器会自右向左顺序查找)
- 直接子元素选择器:div > em
- 并列选择器:div.only(用多个限制条件选中一个元素,并且不用空格写在一起)
- 分组选择器:逗号分隔,同时作用
- 伪类选择器:a:hover(当鼠标移上去时展示css效果)
CSS权重:(256进制)
!important Infinity
行间样式 1000
id 100
class|属性|伪类 10
标签|伪元素 1
通配符 0