复习css

1 基本语法

• 选择器+声明

  • id选择器 #id
  • class选择器 .class
  • 元素选择器 p
  • <元素 class = "main"> p.main
  • 属性选择器 [title] 属性选择器

• 选择器的分组与嵌套

  • h1,h2,p { color:green; }
  • .marked p{ }: 为所有 class="marked" 元素内的 p 元素指定一个样式。
  • p.marked{ }: 为所有 class="marked" 的 p元素指定一个样式。

• 注释：/**/ //

• 样式表插入方式优先级：浏览器默认样式<外部<内部<内联

  • <link rel="stylesheet" type="text/css" href="mystyle.css">

  • <p style="color:sienna;margin-left:20px">这是一个段落。</p>

• 组合选择符 div p

  • 后代选择器(以空格 分隔) div中的所有p
  • 子元素选择器(以大于 > 号分隔）div中的第1个p
  • 相邻兄弟选择器（以加号 + 分隔）div后的第1个p
  • 普通兄弟选择器（以波浪号 ～ 分隔）div后的所有p