4.学习html5笔记

* 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中