一丶选择器 作用:找标签 ● 后代 ○ 选择所有的后代标签 ○ 写法 :空格 ● 子代 ○ 选择儿子标签 ○ 写法 : ● 并集 ○ 选中多组标签设置相同样式 ○ 写法 :逗号(,) ● 交集
作用:找标签
● 后代
○ 选择所有的后代标签
○ 写法 :空格
● 子代
○ 选择儿子标签
○ 写法 :>
● 并集
○ 选中多组标签设置相同样式
○ 写法 :逗号(,)
● 交集
○ 既是选中某个标签又是选中对应的类
○ 写法 :连着写 没有空格
● 伪类
○ 作用:鼠标悬停状态
○ 写法 : :hover
二丶背景● 背景色
○ background-color(bgc)
● 背景图
○ background-image:url()(bgi)
● 背景平铺
○ background-repeat(bgr)
● 背景位置
○ background-position(bgp)
● 背景复合属性
○ background:背景色 背景图 背景图平铺 背景图位置
三丶显示模式● 块
○ 特点:
⒈独占一行
⒉设置宽高生效
⒊宽度默认是父级的100%
○ 转换写法:display:block
● 行内
○ 特点:
⒈一行可以显示多个
⒉设置宽高不生效
⒊尺寸和内容一样大
○ 转换写法:display:inline
● 行内块
○ 特点:
⒈一行可以显示多个
⒉设置宽高生效
○ 转换写法:display:inline-block
四丶CSS特性● 继承性
○ 文字控制属性都能继承,不是控制文字的都不能继承
○ 自己有相关的属性则执行自己的,不执行继承
● 层叠性
○ 前面的属性被后面的覆盖
○ 多个选择器的不同属性累加生效