zIndex
文字变大后,项目符号也跟着变大,padding的固定宽度40px相当于li来说过小,视觉上感觉padding变化了(注意:padding-left相对的是到文字内容的距离,而不是到项目符号)
em是相对长度单位。
em有如下特点:
1. em的值并不是固定的;
2. em会继承父级元素的字体大小。
moz-focus-inner是firefox私有伪元素,-moz-focus-inner并不是reset outline,而是设置border
第一个buttonl里面的按钮去掉, 需要加<label for="btn">按钮</label>
<button id="btn"> <label for="btn">按钮</label>
</button>
你可以选择不听
会有些区别
第一个
你不设置那个margin-bottom 或者 值设置为正不就行了吗~~~
其实这个你敲一下代码这结果就一目了然了 敲完代码印象也更深刻
说啥东西呢
这个是处理浏览器样式兼容问题的代码 -MOZ表示火狐浏览器 你可以网上搜一搜都有
可能是火狐版本和老师的不一样
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>padding-test</title> <script> function alertmsg() { var v = document.getElementById("hidden").value; alert(v); } </script> <style type="text/css"> label { display: inline-block; line-height: 20px; padding: 10px; } #btn { position: absolute; left: -2000px; } </style> </head> <body> <div> <button id="btn" onclick="alertmsg()"></button> <input id="hidden" type="hidden" value="1"/> <label for="btn">按钮</label> </div> </body> </html>
点击labelde等同于点击button 可以提交表单