css世界的學習筆記

1.+選擇器div+p：選擇緊接在div後的全部p元素；

2.導航的樣式：（注意：不給a設置width:100%;只是須要display:block;利用流佈居；）

<h4>無寬度，藉助流動性</h4>
<div class="nav">
  <a href="" class="nav-a">導航1</a>
  <a href="" class="nav-a">導航2</a>
  <a href="" class="nav-a">導航3</a>
</div>
.nav {
  background-color: #cd0000;
}
.nav-a {
  display: block;
  margin: 0 10px;
  padding: 9px 10px;
  border-bottom: 1px solid #b70000;
  border-top: 1px solid #de3636;
  color: #fff;
}
.nav-a:first-child { border-top: 0; }
.nav-a + .nav-a + .nav-a { border-bottom: 0;}

原則：無寬度，無浮動，無圖片；