第一次寫一個網頁遇到的一些問題

1. 頁面佈局的時候設定一個統一的container（版心）的css樣式，width="1200px" margin:0px auto;

2. 對於頁面的同一行的導航欄佈局一般都是通過浮動

   1. 浮動元素本身的注意點：
      1. 對於浮動元素而言，它是緊貼父元素左側頂部或者右側頂部佈局的
      2. 不管是什麼元素，只要浮動後都會變成浮動元素，可以設定寬高
      3. 一般我們需要主動設定它的寬高，不然它的寬高依據它的內容（這裡就會涉及到父元素中設定的行高，會影響到它的高度，所以我們一般會重新設定一下行高）
      4. 一般對於導航欄，設定行高和整個bar的高度一致（保證了其內部的行內元素和行內塊元素的文字垂直居中），一般對於行內塊元素元素本身我們會再設定一下vertical-align="middle"。

3. 對於那種 logo 與 搜尋欄和按鈕那種佈局：

   • 可以使用浮動加外邊距實現
     • 對於同一行的搜尋框與按鈕，我們需要注意這兩個行內塊之間會有個空格，這是由於程式碼換行生成的
       • 可以設定父元素的行高為0解決，記得後面將兩個行內元素的行高設定回來
   • 也可以使用絕對定位來實現
     • 這種適合佈局不復雜的情況

4. 居中

   • 想要文字水平居中（行內塊元素和行內元素）就設定 text-align:center
   • 想要為超連結設定邊框時，因為超連結是行內元素，我們需要將a標籤轉換為行內塊元素，然後設定寬高和邊框即可
   • 當我們為超連結設定了邊框時，點選文字變色，邊框也會變色。