最近又開始做網頁，以前做網頁總是自己乙個人想啊想啊，各種效果都是自己乙個人用各種不科學的方法來實現的。以前做的下拉框是做jquery的效果外加自己的js控制。不過嘛，這次我做網頁是參考別人**的源**的，所謂學習就是這麼一回事，雖然看起來很費勁。
現在我在做的主要是頂部的那個超連結選單，很多**都有，主要是好不好看而已。**的很多大**都是用css定製得灰常漂亮。
不過我這個主要是參考unreal engine 4的主頁，因為我最近沉迷於虛幻引擎4中不能自拔。
別人家是用ul來實現的，其實很多人都是用ul的，不過我一直不知道怎麼個用，我以前一直都是用一堆的div，現在想來我真是白痴。
效果如上(做得不好看不要見怪)
關於html部分**
#topabsdiv > ul > li其實重點是float:left，這樣就橫向了，接著給它添各種樣式
.topabsdivlist
.topabsdivlist li
#topabsdiv > ul > li:hover .topabsdivlist
.topabsdivlist > li:hover
#topabsdiv > ul > li:hover
所謂下拉框就是每個li中的ul，樣式一開始設為display:none，即是看不見的，然後就是xx:hover aa，即滑鼠移到xx就讓aa的樣式變化，
主要是讓li中的ul樣式display:block，以塊顯示，這樣下拉框就出來了
ul橫向排版
第一步 建立乙個無序列表 我們先建立乙個無序列表，來建立選單的結構。是 第二步 隱藏li的預設樣式 因為看起來不是很好看，選單通常都不需要li預設的圓點，我們給ul定義乙個樣式來消除這些圓點。當然，為了更好的控制整個選單，我們把選單放在乙個div裡。頁面 變成 css定義為 test ul 說明 t...
用ul和li來製作選單下拉框
滑鼠觸碰該區域 因為我為了網頁的更好布局我首先用乙個div將ul括起來，ul裡有li，li裡巢狀乙個ul，若是想製作多級選單，便可再第二個ul的li裡再巢狀乙個ul便可製作出多級選單。部分 實現如下 title h2 title h2 a selectproperty li ul,li reposi...
css如何實現ul和li橫向排列
因為li是塊級元素，預設佔一行的，要想實現橫向排列，一般通過以下兩個方法 float left這樣設定有乙個問題，li浮動以後則脫離了文字流，即不佔位置，如果它的父級元素有具體的樣式且沒有固定寬高，建議父元素清除浮動，或者設定固定寬高。display inline block即把li變為行內元素且可...