-
p:nth-child(7n+1){} 同级别中美7n+1的p元素
-
属性选择器[attribute=value]
- p[id]{} p具有id属性的元素
- p[class=dome] class属性为dome的元素p
-
属性选择器css3
- [attribute^=va]以 va开头的属性
- [attribute$=va]以 va结束的属性
- [attribute*=va]包含 va 的属性
-
通配符选择器* 选择所有标签
-
CSS继承的属性
- 后代也可以继承父代的属性
- 并不是所有属性都会继承
- a标签文字颜色,下划线不会继承父标签
- h标签文字大小不会继承父标签
chrome 开发者工具F12 elements style标签
- CSS层叠性
- 元素属性设置依据最近的设置,当多个选择器选择同一个标签
- CSS优先级
- 直接选中>间接选中
- 相同选择器,依据后面的选择器
id>类>通配符>继承>浏览器默认样式
- !important 设置直接选中的元素样式某一属性优先级最高
- 通配符也是直接选中
- 优先级的权重
- 作用:当多个组合选择器选中,比较id个数,再比较类个数
- div和span标签
- div 块级标签,配合CSS布局 容器级别 有高度宽度属性
- 内联span标签,文本级,放文本、超链接 、图片、、 没有高度宽度属性
- display属性
- inline 转换为行内元素
- block 转换为块级元素
- inline-block 转换为行内块级元素
- 行内块级元素,可以设置宽高,不独占一行。
- background-color 设置标签的背景颜色
- background-image:url(图片地址)
- background-repeat:repeat 平铺
- no-repeat 图片不平铺
- repeat-x 水平平铺
- repeat-y 垂直平铺
- 背景图片默认覆盖背景颜色
- background-position:
- x右,y下;背景图片位置 右下值为正,可以接受负值
- bottom right; 右下
- -3px center; 左-3中