CSS & Javascript學習記錄

一些雜記. li列表默認display:block .塊級元素,每個後換行.若使列表不換行.可以給li加 display:inline ; 或者加 float屬性使其脫離文檔流.推薦後者特別是在li裏面是a 鏈接時候,可能需要把a元素設為display:block.這樣如果把li設為display:inline後仍然會換行 貌似還有一種是給li加 white-space: nowrap .也可以不換行. CSS配合JS的下拉菜單.經典布局是 <ul> <li><a>…</a><ul><li></li><li></li>….</ul></li> <li><a>…</a><ul><li></li><li></li>….</ul></li> </ul> 即ul裏面的li套ul,存放隱藏區塊(Visibility: hidden) .這個ul塊必須採用絕對定位(position: absolute) position:absolute如果沒有配合top left bottom right ,就相對父標籤定位 Javascript實現快捷鍵代碼: document.onkeypress=function hotkey(e) { var code= String.fromCharCode(e.which); switch( code) { case ‘s’ : ….. break; ……….. default: break; } }

Continue reading