今天在學習bootstrap的時候，剛學到列表排版，心中一動就想做乙個簡單的導航欄出來，就當複習複習。
但我寫完之後發現滑鼠只有移動到文字的時候才能變成乙個手，在 li的區域毫無反應，我就想著改變一下a標籤的高度和寬度，但發現並沒有用，最後查了一下，發現a標籤是行內元素（inline）。
行內元素（inline）：與其他元素在同一行上，高度、寬度以及行高不可改變，高度就是內容的高度，寬度就是內容的寬度，不可以改變。內容可以是文字或。所以，我們只要改變其display屬性即可，這裡有兩個選擇：
塊級元素（block）：會佔頁面的一行，其後的元素自動換行、可以設定寬度、高度，就算設定了width，這一行也是歸它的，可以設定margin與padding屬性。
行內塊狀元素（inline-block）：行內元素（inline）與塊級元素（block）的混合產物，將元素顯示為行內塊狀元素，設定該屬性後，既能設定寬度和高度，還能與其他元素在同一行上。看情況我們應該選擇行內塊狀元素（inline-block），畢竟導航欄在一行，當然豎著的導航欄另算。
設定如下：
a
a
這樣我們在 li標籤範圍內 a標籤範圍外滑鼠也能變成乙個手了。
一些遺忘的標籤
在做頁面時,基本上都忘了這幾個標籤,基本上都沒用到,今天偶爾看到了,就總結下 q 引用比較短的話,例如 吃飯了沒啊 吃飯了沒啊 在ie6下面是沒有引號的,為了表現統一在重置樣式的時候加上q before,q after blockquote 引用比較長的話,兩邊有縮排,在ie和ff瀏覽器表現統一 a...
html的一些基本標籤
title html的一些基本標籤 author 劉晨暉 date 2009 07 04 email huichengongzi gmail.com 1.鏈結 2.鏈結 you can also use an photo as a link src 是檔案breed.jpg 的路徑 3.在乙個新的視...
HTML的一些常用標籤
檔案標籤 title head body html 排版標籤 p br hr字型 font h1 h6 b strong i src 路徑 alt 替代文字 width height 超連結 href 跳轉路徑 target blank xa 列表 ol ul 列表項 li 標籤 border wi...