CSS 笔记总结

1. 使用单选框时，点击文字可以选中单选框，这样方便用户选择

    1） <input type="radio" name="sex" value="male" id="male" /> <label for="male">Male</label>   //label 使用 for 属性，对应input                属性id值
    2）<label><input type="radio" name="rad" />选项</label>  //将input 放到 label 里面

2.display:none与visibility:hidden的区别？

    相同点：display:none与visibility:hidden都可以用来隐藏某个元素；
   不同：display:none在隐藏元素的时候，将其占位空间也去掉；而visibility:hidden只是隐藏了内容而已，其占位空间仍然保留。

3. span  a 不能设置宽度，高度

    span a 属于行内元素(display:inline),需要将其转化为块级元素(display:inline-block 或者display:block) 

4.浏览兼容问题原因

  有的是开发者对某种技术的使用不当，有的是使用了某些浏览器的特性，以及用户客户端的环境不同（如分辨率不同）
  解决方法：
    （1） 使用框架比如jquery (javascript 框架) 、bootstrap （css 框架）

    （2）书写规范的代码（大部分浏览器都支持的属性）