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;

}

}

4 Replies to “CSS & Javascript學習記錄”

Comments are closed.