hhthwx的博客

我学习前端也有一段时间了，接触CSS hack还是刷面试题的时候知道的，觉得很羞耻，以前学习CSS的时候觉得不重要，今天看来觉得自己真的很愚蠢。从此刻开始认真对待每一个知识点 原文链接：CSS hack大全&详解（什么是CSS hack） CSS hack是由于不同厂商的浏览器，比如Internet Explorer,Safari,Mozilla Firefox,Chrome等，或者是...

浮动原理：浮动的框可以左右移动，直到它的外边缘遇到包含框或者另一个浮动框的边缘。浮动框不属于文档中普通流（文档流），即脱离了文档流，当一个元素浮动以后，不会影响到块级框布局只会影响内联框（通常是文本）的排列，文档中的普通流就会表现的和浮动框不存在一样，当浮动框的高度超出包含框时，就会出现包含框不会自动伸高来闭合浮动元素（”高度坍塌”现象）。就是漂浮在普通流上，就像浮云一样，但是只能左右浮动。正是因...

很多以前忘记的额知识点或者没见过的知识点，都是在刷面试题的时候遇到的。 牛客网前端面试 1.两者导入的语法不同 link(链接式语法) <link rel="stylesheet" href="style.css"> @import的语法不同： <style type="text/css"> @import url("style.css") &l

html代码： <div class="parent"> <div class="child">DEMO</div> </div> 水平居中（父容器和子容器宽度不确定） 效果图： 方法1: 将子元素设置为行内块元素（inline-block） 在父元素样式中使用：text-align:center;(text-align...

最近多学习布局的知识，争取能成为布局小仙女 何谓多列等宽布局？它看起来像下面这个样子： 对于上面这个图形，我们可以的到下面这个公式： N*W + (N-1)*G = c //化简得 N(W+G) = C+G html代码： <div class="parent"> <div class="column"><p>1</p&g...

BFC是什么？ 在解释BFC元素之前，先看一下另外两个概念Box,Formatting Context的概念 Box：是CSS布局的对象和基本单位，一个页面是由很多 Box组成的。元素的类型和display属性决定了这个Box的类型。不同类型的Box,会参与不同的Formatting Context(决定如何渲染文档的容器)，因此Box内的元素会以不同方式进行渲染。 1.block-leve...