全球快看:看看这些前端面试题,带你搞定高频知识点(一)

时间:2023-02-15 18:07:21       来源:转载

每天10道题,100天后,搞定所有前端面试的高频知识点,加油!!!,在看文章的同时,希望不要直接看答案,先思考一下自己会不会,如果会,自己的答案是什么?想过之后再与答案比对,是不是会更好一点,当然如果你有比我更好的答案,欢迎评论区留言,一起探讨技术之美。

面试官:给定一个元素,如何实现水平垂直居中?

定位:因为这个元素不确定是不是块级元素 (块级元素是否有宽高) 还是行内元素,所以需要使用 transform 属性来做负的 50%移动(基于当前元素宽高)。


(相关资料图)

  
块状元素
不定高宽的块状元素
行内元素
登录后复制

flex布局:不仅支持块状元素,而且支持行内元素,对固定高宽与不固定高宽皆可使用。【相关推荐:web前端开发】

  
块状元素
登录后复制

grid布局: 不仅支持块状元素,而且支持行内元素,对固定高宽与不固定高宽皆可使用。

  
块状元素
登录后复制

面试官:padding与margin有什么不同?

面试官:vw和百分比有什么区别?

  
vw
百分比
登录后复制

面试官:行内元素与块级元素有什么区别?

面试官:HTML标签中有哪些是行内元素?

面试官:如何让谷歌浏览器支持小字体?

面试官:HTML中有哪些是语义化标签?

面试官:什么是HTML的实体编码?

面试官:textarea 如何禁止拉伸?

面试官:谈谈 + 与 ~ 选择器有什么不同?

  
我是div

我是p

我是p

我是div

我是p

我是div下面的p

我是div下面的p

我是span
登录后复制

(学习视频分享:web前端入门、编程基础视频)

以上就是看看这些前端面试题,带你搞定高频知识点(一)的详细内容,更多请关注php中文网其它相关文章!

关键词: 有什么区别 有什么不同