行内元素和块级元素有什么区别?
(1)行内元素
- 设置宽高无效;
- 可以设置水平方向的margin和padding属性,设置垂直方向的margin和padding无效
- 不会自动换行
(2)块级元素
- 可以设置宽高;
- 设置哪个方向的margin和padding都有效
- 可以自动换行
- 多个块级元素,默认是从上到下排列
隐藏元素有哪些方法?
- display: none 页面不会渲染该对象,所以该元素不会在页面中占据空间,也不会响应绑定的监听事件
- visibility:hidden 元素虽然隐藏了,但是还是会占据空间,但是不会响应绑定的监听事件
- opacity:0 元素透明度设置为0,可以实现隐藏元素,也会占据空间,并且能响应绑定的监听事件
- position:absolute 可以设置绝对定位将元素移除可视区域,从而实现元素的隐藏
- z-index: 负值 通过设置负值来让其它元素将其遮盖,从而实现隐藏
- clip/clip-path: 通过元素裁剪的方法实现元素的隐藏,元素是会占据空间,但是不会响应绑定的监听事件
- transform: scale(0, 0) 设置元素缩放为0,实现元素的隐藏,元素会占据空间,但是不会响应绑定的监听事件