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