编写网页小技巧与小知识

1.实现移动到超链接上加下划线效果：

        给a标签设置高度，计算方式为box-sizing:border-box，再设置下划线

2.用定位给块级元素居中

        整体居中50%再减去自身宽度的50%

3.行内块级元素在谷歌浏览器中换行，在网页中会出现间隙

        .解决办法1：font-size设置为0

        解决办法2：使用浮动

4.input 里面设置padding-left可以让输入框的内容在左边有一定宽度

5.默认情况下浏览器中的单选和复选按钮样式是不能被修改的

        可以指定appearance:none删除本机样式然后设置

6.z-index层级关系要与position一起使用