1、HTML标记定义

  • <p>…</p>
  • p { 属性:属性值 ;属性1:属性值1 }
  • p可以叫做选择器,定义那个标记中的内容执行其中的样式
  • 一个选择器可以控制若干个样式属性,他们之间需要用英语的“;”隔开,最后一个可以不应加“;”

2、Class定义

  • <p class="p">…</p>
  • class定义是以“.”开始
  • .p { 属性:属性值 ;属性1:属性值1 }

3、ID定义

  • <p id="p">…</p>
  • ID定义是“#”开始的
  • #p { 属性:属性值 ;属性1:属性值1 }

4、优先级问题

  • ID > Class > HTML
  • 同级时选择离元素最近的一个的

5、组合选择器(同时控制多个元素)

h1,h2,h3 { font-size: 14px; color: red; }
选择器组合可以使用“,”隔开

6、伪元素选择器

  • a:link:正常连接的样式
  • a:hover:鼠标放上去的样式
  • a:active:选择链接时的样式
  • a:visited:已经访问过的链接的样式