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 Responses to “CSS & Javascript学习记录”


Comments are currently closed.