HTML+CSS部分
1、CSS 隐藏元素的方法有哪些?(5种)
- 将opacity 设为 0;
- 将 visibility 设为 hidden;
- 将 display 设为 none ;
- 将 position 设为 absolute 然后将位置设到不可见区域;
- Clip-path,通过裁剪的方法实现隐藏;
参考文档
2.用css实现垂直水平居中的几种方法(6种)---参考文档
- 1、用inline-block和vertical-align来实现居中:这种方法适合于未知宽度高度的情况下;
- 2、用相对绝对定位和负边距实现上下左右居中:高度和宽度已知;
- 3、利用绝对定位来实现居中:适合高度,宽度已知的情况。
-
4、使用css3中的transform来时实现水平垂直居中:适合高度宽度未知的情况--
(跟绝对定位+负边距居中的原理一样)
- 5、使用table-cell,inline-block实现水平垂直居中:适合高度宽度未知的情况
- 6、使用Flexbox来实现水平垂直居中:适合宽度高度未知情况,但是要注意兼容性
其他参考文档:
3、什么是盒子模型?
在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin)四个部分。这四个部分占有的空间中,有的部分可以显示相应的内容,而有的部分只用来分隔相邻的区域或者元素。4个部分一起构成了css中元素的盒模型。
4、行内元素有哪些?块级元素有哪些?空(void)元素有哪些?
行内元素:a、b、span、img、input、strong、select、label、em、buttom、textarea
块级元素:div、ul、li、dl、dt、dd、p、h1-h6、blockquote
空元素:即是没有内容的HTML元素,例如,br、meta、hr、link、input、img