写代码，一定要有良好的编程习惯。如果实在写不好怎么办呢 谢同事不杀之恩，平时多投喂些零食。 语义元素可以清楚地向浏览器和开发者描述其意义。即元素本身传达了关于标签所包含内容类型的一些信息。 提升用户体验： 例如title、alt可以用于解释名称或者解释图片信息，以及label标…

此篇教程是关于Flex布局的完整系统教程，对于已经非常熟悉Flex布局的读者，推荐直接跳到`flex-grow`和`flex-shrink`属性部分，相信你会了解到你之前没有关注到的点。

CSS1(Cascading Style Sheets, level 1)， 最早的一代CSS。早期的HTML页面很简陋，多数用标签来表示元素的样式，这时的CSS主要用来进行HTML元素的表现，因此包含的主要内容是文字、颜色、背景、盒子模型。 CSS2(Cascading St…

值得扩展的我都在问题后面附上文章链接，里面会有详细的讲解和案例分析，面试突击的话只看本文就好了，想跟面试官聊聊技术的可以深入的看一下。 最后，整理不易，所以。。如果白嫖使你快乐的话。。。。那就白嫖吧。。。但是，不点赞的话，以后找不到了哦🤔🤔 区别： 标准盒子模型盒子的hei…

本篇文章仅整理常用的水平居中、垂直居中及多列等布局，不求全部涉及，只考虑常用并且可以顺手拿来使用。若有其他精妙的方案，欢迎在评论中指出，我会及时补充至文档内。 本文中所有示例均为 html 渲染构成，没有图片及外链demo，所以可以直接选中示例在控制台调试，推荐自己动手试试文章…

刚参加工作时被面试官一连串居中问题虐的体无完肤得场景历历在目。“你是如何实现文本的居中的”“如果是多行文本呢”“块级元素的水平居中如何实现”“块级元素的垂直居中如何实现”。。。问到后面脑子里一团浆糊，本来知道的也不知道该如何回答了。居中是日常工作中不可避免要遇到的场景，面试中也…

过了今年的金三银四 金九银十 ，明年的黄金时机又快要到来，是否已经按捺不住躁动的心。简言之，面试从什么时候开始准备都不算早！这算是笔者正式以前端厚说的角色发稿。先说几点小tip： 我们先看一般的情况下,上下元素都有margin 的情况下，会出现重叠的情况,实际只有 50px，所…