簡潔版小公尺側邊欄
案例的核心思路分為兩步：
把鏈結 a 轉換為塊級元素，這樣鏈結就可以單獨佔一行，並且有寬度和高度。
滑鼠經過 a 鏈結設定背景顏色。
小知識點：
想讓文字在當前的盒子內垂直居中，讓文字的行高等於盒子的高度。
>
>
簡單版小公尺側邊欄title
>
>
a/*滑鼠經過的顏色*/
a:hover
style
>
head
>
>
href
="#"
>
手機 **卡a
>
href
="#"
>
電視 盒子a
>
href
="#"
>
筆記本 顯示器a
>
href
="#"
>
家電 插線板a
>
href
="#"
>
出行 穿戴a
>
href
="#"
>
智慧型 路由器a
>
href
="#"
>
電源 配件a
>
href
="#"
>
健康 兒童a
>
href
="#"
>
耳機 音箱a
>
href
="#"
>
生活 箱包a
>
body
>
行內元素和塊級元素轉換方式
1 行內元素轉換成塊級元素的方法 display block ie7以下的版本不支援 float left right 生成塊級框，可以設定寬高，換行符不解析 position absolute fixed 生成塊級框，可以設定寬高，換行符不解析 塊級元素的寬度會繼承其父元素。但是，只有為行內元素設...
行內元素與塊級元素區別和轉換
一 行內元素與塊級元素 塊級元素列表 定義位址 定義 標題 定義列表中定義條目 定義文件中的分割槽或節 定義列表 定義列表中的專案 定義乙個框架集 建立 html 表單 定義最大的標題 定義副標題 定義標題 定義標題 定義標題 定義最小的標題 建立一條水平線 元素為 fieldset 元素定義標題 ...
內聯元素和塊級元素之間的轉換
內聯元素和塊級元素之間的轉換方法 比如，我們完全可以把內聯元素加上display block這樣的屬性，讓它也有每次都從新行開始的屬性，即成為塊元素。同樣我們可以把塊元素加上display inline這樣的屬性，讓它也在一行上排列。知識拓展 一 內聯元素又名行內元素 inline element ...