参考如下代码示例 <style> body,p,h1{ padding: 0; margin: 0; } html,body{ height: 100%; width: 100%; } html{ height: 100%; width: 100%; } .div1{ width: 100%; height: 100%; background-color: teal; } .div2{ position: fixed; width: 300px; height: 400px; margin: auto; background-co

pc端开发过程中有没有遇到过因为原生滚动条的样式问题，让整个项目事倍功半；有没有遇到过因为因为默认滚动条的缘故，被客户说页面做得真chou，一条毁所有呀。

1，水平居中：行内元素 把行内元素放在一个属性块（display：block）元素中，然后设置父层元素属性居中： .test { text-align:center; } 2，水平居中：块状元素 设置外边距 .test { margin: 100px auto; } 3，水平居中：多个块状元素 把块状元素属性（display：inline-block），然后设置父层元素属性居中： .test { text-align:center; } 4，水平居中：多个块状元素（flexbox布局实现） 把块状元素的父元素属性 display:flex和justify-content:center，如下设置： .test { text-align:center;

最近在整理 CSS 的时候发现遇到了很多面试中常见的面试题，本部分主要原作者在 Github 等各大论坛收录的 CSS 相关知识和一些相关面试题时所做的笔记，分享这份总结给大家，对大家对 CSS 的可以来一次全方位的检漏和排查，感谢原作者 CavsZhouyou 的付出，如果出现错误，希望大家共同指

更新这篇blog的目的是为了帮助想学习前端却不知从什么地方学起，不知道该学什么的同学快速进军前端的基本路线。

在今年春招的时候，有幸面试了小米以及好未来前端工程师的实习岗位，运气也比较好，都成功的拿到了实习的offer。下面是总结的我面试所复习以及面试过程中遇到的一些面试点

第一步：检验url是否正确，用正则； 第二步：检验是否有jpg/jpeg/png后缀；(这个其实真正的目的是想校验是否上传的是图片链接，这样写可能不好) 第三步：判断图片大小；

1. 为什么css需要放在头部？ 2. js为什么要放在body后面？ 3. 图片的加载和渲染会阻塞页面DOM构建吗？ 4. dom解析完才出现页面吗？ 5. 首屏时间根据什么来判定？

精心整理【 前端全套视频】视频资料分享给大家，时间有限，快快领取吧。 6套精彩学习课程，主力你的前端学习一臂之力。

Web前端作为开发团队中不可或缺的一部分，需要按照相关规定进行合理编写（一部分不良习惯可能给自己和他人造成不必要的麻烦）。不同公司不同团队具有不同的规范和文档。下面是根据不同企业和团队的要求进行全面详细的整理结果。备注：实际开发请以本公司的规范为标准。