泡沫水灵灵的博客

百度经验:jingyan.baidu.com　　overflow:hidden这个CSS样式是大家常用到的CSS样式，但是大多数人对这个样式的理解仅仅局限于隐藏溢出，而对于清除浮动这个含义不是很了解。一提到清除浮动，我们就会想到另外一个CSS样式：clear:both，我相信对于这个属性的理解大家都不成问题的。但是对于“浮动”这个词到底包含什么样的含义呢？我们下面来详细

BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么？　　在解释 BFC 是什么之前，需要先介绍 Box

【一】less简介 LESS（是.less后缀名的文件） 包含一套自定义的语法及一个解析器，我们根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的 CSS 文件。LESS 并没有裁剪 CSS 原有的特性，更不是用来取代 CSS 的，而是在现有 CSS 语法的基础上，为 CSS 加入程序式语言的特性，如变量、继承、运算、嵌套等，更方便CSS的编写和维护。 先看下段less代码

三栏-中栏流动布局有两种方法：①在中栏改变大小时使用负外边距定位右栏，②使用css3让栏容器具有类似表格单元的行为。前者适合较老浏览器，后者的table属性简单得多。一、用负外边距实现二、用css3单元格实现

现在开始讲解各种常用布局。三栏——固定宽度布局掌握了创建三栏布局的技术，你想建多少栏就能建多少栏。为了学习方便，我会给每个栏添加不同的背景色以区分。首先做个简单的居中的单栏固定布局。贴上代码： 页面布局 #wrapper{width:960px;margin:0 auto;border:1px solid;} arti

页面布局是网站设计中特别重要的一部分，对用户体验尤为重要。我们重点来学习多栏布局。很多网站为例在第一屏尽可能多的显示信息，都会采用多栏布局。这里所说的“第一屏”就是用户无须滚动就能看到的页面区域，相当于传统的报纸行业所说的“折痕之上”的版面。一般来说，两栏、三栏，甚至四栏布局都很常见。但无论几栏，每个页面都会涉及一些关键技术和指导思想。这里将介绍多栏布局的几种方法。主要介绍“用内部DIV创建浮

原文链接：http://www.nowamagic.net/csszone/css_SeletorPriorityRules.php我们在使用CSS对网页元素定义样式时经常会遇到这种情况：要对一般元素应用一般样式，然后在更特殊的元素上覆盖它们。那么我们怎么样来保证我们所新定义的元素样式能覆盖目标元素上原有的样式呢？在CSS中，会根据选择器的特殊性来决定所定义的样式规则的次序，具

面试有几点需注意    面试题目： 根据你的等级和职位变化，入门级到专家级：范围↑、深度↑、方向↑。    题目类型： 技术视野、项目细节、理论知识题，算法题，开放性题，案例题。    进行追问： 可以确保问到你开始不懂或面试官开始不懂为止，这样可以大大延展题目的区分度和深度，知道你的实际能力。因为这种关联知识是长时期的学习，绝对不是临时记得住的。    回答问题再

1. Make fewer HTTP requests 尽可能少的http请求。。我们有141个请求（其中15个JS请求，3个CSS请求，47个CSS background images请求），多的可怕。思考了下，为什么把这个三种请求过多列为对页面加载的重要不利因素呢，而过多的IMG请求并没有列为不利因素呢？发现原来这些请求都是可以避免的。15个JS和3个CSS完全可以通过特殊

所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开发人员，可以