这是我的第一篇掘金文章，希望大家不要嫌弃。我还是一名在校大学生，就是想把自己所学到的知识写出来，加深自己的印象，记录自己成长的过程，这篇文章主要是介绍HTML 、 CSS 的一些小知识点。 首先我想说一下margin合并和margin塌陷这两个小‘bug’。 所谓的外边距合并就…

所以 ，CEF、nw、Electron 都是基于 Chromium 的开源框架，可以实现所需的定制浏览器需求，准确的讲应该是用 HTML5 、 CSS3 、 JavaScript 来制作拥有漂亮界面的桌面应用。 就是一个本地客户端应用程序使用一个内置的浏览器内核渲染前端界面，另…

划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了 要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下CSS实现水平垂直居中的方式大概有下面这些，本文将逐一介绍一下，我将

作为一名长期潜水的前端er、切图仔，在木易杨老师的鼓励下，开始尝试去写一写文章，来整理、分享自己的一些学习所得，与掘金的大佬们共同进步。 众所周知，随着css3的出现，css可以更加方便的书写样式层。今天我们就来整理一些你所不知道的css！ 注：IE已经被微软爸爸所抛弃，果断放…

Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 行内元素也可以使用Flex布局。 Webkit内核的浏览器，必须加上-webkit前缀。 注意，设为Flex布局以后，子元素的float、cle…

正值金九银十的招聘旺季，我把我珍藏整理多年的前端面试题分享给大家，分三部分。这是第一部分,html和css布局相关的。 1. HTML5相关 HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。 浏览器支持新标签后，还需要添加标签默认的样…

这一次我想讲解一下HTML+CSS的两栏、三栏布局以及垂直居中的实现方式。因为个人所学有限所以可能不会罗列出所有的实现方法，不过我会继续努力查漏补缺。 先写出初始样式和结构。 右固定，左适应同理。 以上这些实现方式，虽然实现了但还不够好。因为main是主要的显示区域，所以我们应…

hello~各位亲爱的看官老爷们大家好。估计大家都听过，尽量将CSS放头部，JS放底部，这样可以提高页面的性能。然而，为什么呢？大家有考虑过么？很长一段时间，我都是知其然而不知其所以然，强行背下来应付考核当然可以，但实际应用中必然一塌糊涂。因此洗（wang）心（yang）革（b…

CSS布局在前端中占有举足轻重的地位，本篇文章会重点总结目前常用的CSS布局实现方式，例如两栏布局，三栏布局，圣杯布局等。 常见的两栏布局方式是一侧定宽，另一侧自适应宽度，例如左侧栏定宽，右侧自适应宽度，或者右侧栏定宽，左侧自适应宽度。 实际效果如下图所示。 实现两栏布局可以使…