【整理分享】75道前端面试css中的高频考点-kb88凯时官网登录

时间:2022-10-28
阅读:
免费资源网 - https://freexyz.cn/

1. box-sizing 属性值有什么作用?

用来控制元素的盒子模型的解析模式,默认为content-box

  • context-box:w3c 的标准盒子模型,设置元素的 height/width 属性指的是 content 部分的高/宽

  • border-box:ie 传统盒子模型。设置元素的 height/width 属性指的是 border padding content部分的高/宽

2. absolute 绝对定位,是相对于谁的定位?

css position属性用于指定一个元素在文档中的定位方式。

absolute 的元素会被移出正常文档流,并不为元素预留空间,通过指定元素相对于最近的非 static 定位祖先元素进行定位,确定元素位置。绝对定位的元素可以设置外边距,且不会与其他边距合并。

3. 行内元素和块级元素有什么区别?

行内元素:一个行内元素只占据它对应标签的边框所包含的空间。

块级元素:块级元素占据其父元素(容器)的整个空间,因此创建了一个“块”。

区别:

  • 是否另起一行:认情况下,行内元素不会以新的一行开始,而块级元素会新起一行。

  • 是否可设置宽高:块级元素可以设置 width, height属性,注意:块级元素即使设置了宽度,仍然是独占一行的。 而行内元素设置 width, height 无效。

  • 是否可设置内外边距:块级元素都可,行内元素的水平方向的 padding-left/right, margin-left/right 都产生边距效果,但是竖直方向的 padding-top/bottom, margin-top/bottom 都不会产生边距效果。(也就是水平方向有效,竖直方向无效)

  • 是否包含对方:块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素

4. 常见的行内元素和块级元素有哪些?

1、常见的行内元素

网站地图