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中