庄小威

摘要： if(xx)的判断 if语句的语法： if(condition){ statement } 其中的 condition可以是任意表达式；而且对这个表达式求值的结果不一定是布尔值。如果该位置是非布尔值，JavaScript会将这个值自动转为布尔值。 下面对这个 condition（判断条件）作出判断： 阅读全文

摘要： 关于浏览器的渲染机制，先要了解一些基本概念： DOM：浏览器解析html构建DOM树 CSSOM：浏览器解析CSS构建CSSOM规则树 Render Tree：DOM和CSSOM合并后生成Render Tree layout：layout：有了Render Tree，浏览器已经能知道网页中有哪些节点 阅读全文

摘要： BFC的概念 什么是BFC呢？ BFC：块级格式化上下文（Block Formatting Content）是Web页面的可视化CSS渲染的一部分，是布局过程中生成块级盒子的区域，也是浮动元素与其他元素的交互限定区域。 在BFC中，盒子从顶端开始垂直地一个接一个地排列，两个盒子之间的垂直的间隙是由他 阅读全文

摘要： CSS一共有4种引入方式 外部样式： 通过<link>标记引入外部的css文件（.css）。 这种形式是把css单独写到一个css文件内，然后在源代码中以link方式链接。它的好处是不但本页可以调用，其它页面也可以调用，是最常用的一种形式。这也是最推荐的方式。 格式：<link href=“CSS的 阅读全文

摘要： 一般来说，html的元素分为两种，即块级元素和行内元素。 块级元素：块状元素排斥其他元素与其位于同一行，可以设定元素的宽（width）和高（height），块级元素一般是其他元素的容器，可容纳块级元素和行内元素。 行内元素：行内元素不可以设置宽（width）和高（height），但可以与其他行内元素 阅读全文

摘要： 首先先看下line-height属性可能的值： 简单说可以分为带单位的值（line-height:1.5em/line-height:150%/line-height:36px）和不带单位的值（line-height:1.5） 下面分别演示两者的区别： 一. 设置带单位的，后代元素会继承父元素计算后 阅读全文