新媒体口碑营销案例,网页关键词优化,做一个网站需要投入多少钱,汕头第一网从事前端开发工作差不多3年了#xff0c;自己也从一个什么都不懂的小白积累了一定的理论和实践经验#xff0c;并且自己也对这3年来的学习实践历程有一个梳理#xff0c;以供后面来细细回忆品味。 1、为什么选择学习前端开发#xff1f;
你可能是因为兴趣#xff0c;完成… 从事前端开发工作差不多3年了自己也从一个什么都不懂的小白积累了一定的理论和实践经验并且自己也对这3年来的学习实践历程有一个梳理以供后面来细细回忆品味。 1、为什么选择学习前端开发
你可能是因为兴趣完成一个网站、页面、功能的成就感。你也可能是因为现在前端岗位火爆就业率高。不管是因为什么只要找准了目标学就是了
问BFC 与 IFC 区别
BFC 是块级格式上下文IFC 是行内格式上下文
内部的 Box 会水平放置水平的间距由 marginpaddingborder 决定
问BFC会与float元素相互覆盖吗为什么举例说明
不会因为 BFC 是页面中一个独立的隔离容器其内部的元素不会与外部的元素相互影响比如两个 div上面的 div 设置了 float那么如果下面的元素不是 BFC也没有设置 float会形成对上面的元素进行包裹内容的情况如果设置了下面元素为 overflowhidden属性那么就能够实现经典的两列布局左边内容固定宽度右边因为是 BFC 所以会进行自适应。
问了解box-sizing吗
box-sizing 属性可以被用来调整这些表现:
content-box 是默认值。如果你设置一个元素的宽为100px那么这个元素的内容区会有100px 宽并且任何边框和内边距的宽度都会被增加到最后绘制出来的元素宽度中。border-box 告诉浏览器你想要设置的边框和内边距的值是包含在width内的。也就是说如果你将一个元素的width设为100px那么这100px会包含它的border和padding内容区的实际宽度是width减去(border padding)的值。大多数情况下这使得我们更容易地设定一个元素的宽高。
2什么是 BFC
BFCBlock Formatting Context格式化上下文是 Web 页面中盒模型布局的 CSS 渲染模式指一个独立的渲染区域或者说是一个隔离的独立容器。
形成 BFC 的条件
五种
浮动元素float 除 none 以外的值定位元素positionabsolutefixeddisplay 为以下其中之一的值 inline-blocktable-celltable-captionoverflow 除了 visible 以外的值hiddenautoscrollHTML 就是一个 BFC
BFC 的特性
内部的 Box 会在垂直方向上一个接一个的放置。垂直方向上的距离由 margin 决定bfc 的区域不会与 float 的元素区域重叠。计算 bfc 的高度时浮动元素也参与计算bfc 就是页面上的一个独立容器容器里面的子元素不会影响外面元素。
2问了解盒模型吗
CSS盒模型本质上是一个盒子封装周围的HTML元素它包括外边距margin、边框border、内边距padding、实际内容content四个属性。 CSS盒模型标准模型 IE模型
标准盒子模型宽度内容的宽度content border padding
低版本IE盒子模型宽度内容宽度contentborderpadding如何设置成 IE 盒子模型
问说一下你知道的position属性都有啥特点
static无特殊定位对象遵循正常文档流。toprightbottomleft等属性不会被应用。 relative对象遵循正常文档流但将依据toprightbottomleft等属性在正常文档流中偏移位置。而其层叠通过z-index属性定义。 absolute对象脱离正常文档流使用toprightbottomleft等属性进行绝对定位。而其层叠通过z-index属性定义。 fixed对象脱离正常文档流使用toprightbottomleft等属性以窗口为参考点进行定位当出现滚动条时对象不会随着滚动。而其层叠通过z-index属性定义。 sticky具体是类似 relative 和 fixed在 viewport 视口滚动到阈值之前应用 relative滚动到阈值之后应用 fixed 布局由 top 决定。
问两个div上下排列都设margin有什么现象
都正取大一正一负相加
问为什么会有这种现象你能解释一下吗
是由块级格式上下文决定的BFC元素在 BFC 中会进行上下排列然后垂直距离由 margin 决定并且会发生重叠具体表现为同正取最大的同负取绝对值最大的一正一负相加
BFC 是页面中一个独立的隔离容器内部的子元素不会影响到外部的元素。
问清除浮动有哪些方法
不清楚浮动会发生高度塌陷浮动元素父元素高度自适应父元素不写高度时子元素写了浮动后父元素会发生高度塌陷
clear清除浮动添加空div法在浮动元素下方添加空div,并给该元素写css样式{clear:both;height:0;overflow:hidden;}给浮动元素父级设置高度父级同时浮动需要给父级同级元素添加浮动父级设置成inline-block其margin: 0 auto居中方式失效给父级添加overflow:hidden 清除浮动方法万能清除法 after伪类 清浮动现在主流方法推荐使用
更多面试题
**《350页前端校招面试题精编解析大全》**内容大纲主要包括 HTMLCSS前端基础前端核心前端进阶移动端开发计算机基础算法与数据结构项目职业发展等等
资料获取方式点击蓝色传送门免费获取 (https://docs.qq.com/doc/DSmRnRGxvUkxTREhO)**
[外链图片转存中…(img-GqJsTgnU-1622807274200)]
