- 样式设置优先级: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
属性