CSS学习中的一些易错点（二）

• 样式设置优先级：style > id > class > 标签 > 通配 > 继承，!important可以提升样式的优先级（对于继承属性不适用），不建议使用，除非程序很复杂不容易改动；复合型如标签+类优先级高于单一类型的优先级；群组样式与单一样式优先级相同，靠后的优先级高，群组的目的就是方便书写
• padding不能出现负值，而margin可以出现负值
• border的设置必须标注style，如：

border: blue 20px solid;

否则无法显示边框

• margin会进行叠加，如果两个块下边距和上边距中较大的为叠加部分，而不是进行累加，例如A下边距30px，B上边距40px，最终得到的边界只有40px，BFC规范可以解决此问题，或者是只设置一个元素的边距
• margin-top会有传递问题，A在B的内部，A设置margin-top也会影响B的margin，解决方案：BFC规范、为外部容器设置边框、margin更换为padding
• 容器如果不设置宽度，其默认值是和父容器大小一致
• 通过F12浏览器控制台可以查看标签的类型
• 块类型（block）标签独占一行，支持所有样式，如div、p、ul、li、h等，如果不加宽度和父容器的宽度相同；所占区域为一个矩形
• inline：内联元素，不是所有样式都支持，像width、height、部分margin等，所占区域不一定为矩形
• inline-block：内联块，如input，挨在一起但是支持所有样式
• 布局一般用块标签，修饰文本使用内联标签
• 可以通过display属性改变标签的块、内联类型
• disply: none是将内容进行去除，而visibility: hidden则是保留位置，将内容透明化
• 块标签能够嵌套所有内联标签，但是不一定能嵌套所有的块标签，例如<p>标签内部不可以写<div>标签
• 内联标签一般不能嵌套块标签，<a>除外，可以嵌套<div>等，但<a>不能嵌套<a>
• cursor手势如果是自定义图片仅支持.cur和.ico格式，除了添加URL还要添加auto属性