当用 li 标签包裹住 a 标签, 鼠标经过, 让其它元素显示时. 要写 li:hover div{各种样式} 而不能写 ul li a:hover div{各种样式}
事件代理: 为后来添加的元素添加上事件, 优化引擎
- Gecko 内核 CSS 前缀为 "-moz-" 火狐浏览器
- Presto 内核 css 前缀为 "-o-" Opera(欧朋)
- Trident 内核 css 前缀为 "-ms-" IE
- webKit 内核 css 前缀为 "-webkit- safari chrome
用软件生成一张图片, 会自动告诉你坐标, 自己量的时候, 是整张雪碧图的左上角是坐标 00 到想用的图标的左上角 写 XY 但是都是负值写到 background:url(./img/icon.jpg) norepate -X px -Ypx; 然后让这个小图标在里面居中就是加上距离边的正值, 比方说 x 是 55 y 是 55 取到的图片是 - 55px -55px 然后居中比方说在想放的盒子里距离左边是 8 距离上面是 10 才会居中, 所以 X 轴坐标变为 - 55+8=-47px 而 Y 轴坐标变为 - 55+10=-45px; 注意的一点就是在大图标定位到这个想要小图标时候都是负值, 然后加上需要显示位置的正值得到最终位置坐标
PC 端的布局形式:
固定宽度且居中
自适应宽度 (浮动 , 定位)
如果左中右三个浮动的 div(也叫双飞翼布局) 然后把 center 写在 div 的最前面便于显示;
- center:float:left , height:400px;width:100%; padding:0 200px; box-sizing:border-box;
- left:float:left; width:200px; position:relative; margin-left:-100%;
- right: left:float:left; width:200px; position:relative; margin-left:-200px;
来源: http://www.bubuko.com/infodetail-2566315.html