dl429的专栏

http://www.cnblogs.com/rixinren2010/archive/2012/03/10/2389301.html行高与单行纯文字的垂直居中，而如果行内含有图片和文字，在浏览器内浏览时，读者可以发现文字和图片在垂直方向并不是沿中线居中，而是沿基线对齐，如图7-34所示。 图7-34 文字和图片内容默认垂直对齐方式为基线对齐 这是因为，元素默认的垂

background 简写属性在一个声明中设置所有的背景属性。可以设置如下属性：background-colorbackground-positionbackground-sizebackground-repeatbackground-originbackground-clipbackground-attachmentbackground-image

1.IE浮动 margin 产生的双倍距离#box {float:left;width:100px;margin:0 0 0 100px; //这种情况之下IE会产生200px的距离display:inline; //使浮动忽略}2.display:inline-block;IE6，7下不兼容用float:left3.

JavaSciprt事件中有两个很重要的特性：事件冒泡以及目标元素。事件冒泡: 当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这 一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。目标元素: 任何一个事件的目标元素都是最开始的那个元素，在我们的这个例子中也就是按钮，并且它在我们的元素对象中以属性的形

-khtml-     Konqueror-rim-         RIM-ms-         Microsoft（IE）-0-            Opera-moz-       Mozilla(如Firefox)-webkit-   Webkit没有私有前缀的，是W3C的标准.你可以看到一组私有前缀，当然不完全，至少对于我来说，

原文：http://beyondweb.cn/article_detail.php?id=63

用after伪类实现，兼容多种浏览器：.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;overflow:hidden;}为了兼容IE6、IE7，加上下面代码：.clearfix{zoom:1}一般情况下，如果父层内部有浮动

作用：格式化页面*表示所有元素因为某些元素如 body、 li、 p 这是有默认的margin值，这样就不方便我们精确控制，所以我们干脆就先把所有元素的margin、padding先设置为0，以后根据需要再单独设置某一项的margin和padding数值 。

原文：http://www.w3school.com.cn/cssref/css_selectors.aspCSS3 选择器在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。"CSS" 列指示该属性是在哪个 CSS 版本中定义的。（CSS1、CSS2 还是 CSS3。）选择器例子例子描述CSS

font的属性简写里面常用的有5个是可以写在一起的：font-style设定斜体　如：font-style: italic;font-weight设定文字粗细　如：font-weight: bold;font-size设定文字大小　如：font-size: 12px;line-height设定行距　如：line-height: 150%;color设定文字颜色（注意不是fo

实例找出所有属于 div 元素的子元素的 p 元素，然后设置其边框属性：$("div > p").css("border", "1px solid gray");亲自试一试定义和用法jQuery() 方法接受一个字符串，其中包含了用于匹配元素集合的 CSS 选择器。jQuery() 函数有三种语法：语法 1接受一个字符串，其中包

span要设置高度，必须要转换成block元素才可以：display:block;但是这样就会使span占据一整行的位置今天看到一个方法：display:inline-block;这样就可以实现把span转换成block元素又可以使span不至于占据一整行的位置了，o(∩_∩)o 哈哈，完工~PS：好吧，inline-block属

你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下margin出现的bug有哪些？……写css，你少不了与margin打交道，而对于这个平时我们最常用的css属性我们并非十分了解。介于此我打

http://blog.sina.com.cn/s/blog_7842060a0100syvl.htmlzoom这个特性是IE特有的属性。  zoom:1;一般是拿来解决IE6的子元素浮动时候父元素不随着自动扩大的问题，功能相当于overflow:auto，同样也可以用height:1%来代替zoom:1。所以一般要在浮动元素的父元素加上overflow:auto；zoom:1;。

原文：http://www.tuicool.com/articles/Y3qmAjexports首先是 exports 的几种形式，我们可以： define(function(require, exports, module) { exports.a = 'a'; exports.fn = function() {};});也可以： d

基本的原理，就是利用background-postion的负值来进行调节。当我们定位于background-position:-50px -50px;时，发现图片向左向上移动了

CSS简写使用简写是一种让代码减少的最简单方法

已刷完w3school的HTML基础教程，开始刷高级教程。计划今天刷完html，并且开始刷CSS

position 属性和 z-index 属性对页面节点层级影响的例子该页面的内容是对文章《CSS z-index 使用方法和层级树》的补充, 举例说明 position 属性和 z-index 属性对页面节点层级影响.不设 z-index 属性例 1.1A{}B{}例 1.2A{  position:static;}

原文CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认识. 与此同时, 我们总是对堆叠顺序捉摸不透, 将 z-index 的值设得很大也未必能将节点显示在最前面. 本文将通过一些例子对 z-index 的使用方法进行分析, 并且为各位带入 z-index 层级树的概念.

原文：http://blog.csdn.net/hedong37518585/article/details/6645028firefox chrome下的overflow:hidden 有时候的作用 相对于 IE 的zoom:1（也可以用height:1%代替，因为zoom:1毕竟不能通过W3C）overflow:hidden通常理解下是裁剪超出内容的，实际用途它还有很多用处，比

什么是 haslayout ？　　　　“Layout”是一个 IE/Win 的私有概念，它决定了一个元素如何显示以及约束其包含的内容、如何与其他元素交互和建立联系、如何响应和传递应用程序事件/用户事件等，这有点类似于一个窗体的概念。微软的开发者们认为盒状元素(box-type elements)应该具有一个“属性(property)”(这是面向对象编程中的一个概念)，于是他们便使用了 la

原文：默认值：inline继承性：no版本：CSS1JavaScript 语法：object.style.display="inline"可能的值值描述none此元素不会被显示。block此元素将显示

css中的负边距(negative margin)是布局中的一个常用技巧，只要运用得合理常常会有意想不到的效果。很多特殊的css布局方法都依赖于负边距，所以掌握它的用法对于前端的同学来说，那是必须的。本文非常基础，老鸟可以略过。 负边距在普通文档流中的作用和效果那些没有脱离文档流的元素（指不是浮动元素也不是绝对定位、固定定位的元素等），其在页面中的位置是跟随者文档流的变化而

做前端多年，虽然不是经常需要hack，但是我们经常会遇到各浏览器表现不一致的情况。基于此，某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的，要知道一名好的前端，要尽可能不使用hack的情况下实现需求，做到较好的用户体验。可是啊，现实太残酷，浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协，虽然这只是个别情况。今天，结合自己的经

经过了一代又一代人们意识到数学不好玩，所以他们新增了一个叫做 box-sizing 的CSS属性。当你设置一个元素为 box-sizing: border-box; 时，此元素的内边距和边框不再会增加它的宽度。这里有一个与前一页相同的例子，唯一的区别是两个元素都设置了 box-sizing: border-box; ：.simple { width: 500px; margin

:before :after是被当做DOM元素来用的。所以是伪元素。朱瑞霖  19:58:24:first-child last-child nth-child 这些，其实最终是选择了一个DOM，是CSS的选择器的功能。所以是伪类。

今天写demo的时候发现可以给sp

原文：在学习javascript中学到了BOM和DOM，只看外表，他们就B和D的区别。他们到底是什么，有什么区别呢？    BOM的全称是BrowserObjectModel，中文名是浏览器对象模型。允许通过BOM访问和操控浏览器窗口，研发者通过使用BOM，可移动窗口、更改状态栏文本、执行其它不与页面内容发生直接联系的操作。BOM是JavaScript应用中唯一没有相关标准的部分，

x=0;y=0;$(document).ready(function(){ $("div.over").mouseover(function(){ $(".over span").text(x+=1); }); $("div.enter").mouseenter(function(){ $(".enter span").text(y+=1); });});

原文：http://blog.163.com/yhwwen@126/blog/static/170468853201326421822/不可继承的：display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、righ

如果浏览器压根没法识别 标签，那么 标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生，你应该将脚本隐藏在注释标签当中。那些老的浏览器（无法识别 标签的浏览器）将忽略这些注释，所以不会将标签的内容显示到页面上。而那些新的浏览器将读懂这些脚本并执行它们，即使代码被嵌套在注释标签内。实例JavaScript:document.write("Hello Worl

注释：实体名称对大小写敏感！显示结果描述实体名称实体编号 空格  小于号<<>大于号>>&和号&&"引号

转载：http://www.w3school.com.cn/tags/tag_doctype.aspHTML 5HTML 4.01 Strict该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。HTML 4.01 Transitional该 DTD 包含所有 HTML 元素

定义和用法 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。HTML 与 XHTML 之间的差异在 HTML 中， 标签没有结束标签。在 XHTML 中， 标签必须被正确地关闭。提示和注释

原文：What Every Frontend Developer Should Know About Webpage Rendering今天我要将关注点放到网页渲染以及其重要性上。虽然已经有很多文章提到过这个主题了，但大部分信息都是零碎的片段。为了思考这件事情，我需要研究很多信息的来源。这也就是为什么我觉得我应该写这篇文章的原因。我相信这篇文章对新手会很有用，并且对想刷新和巩固他们已经了解

IE6、IE7不识别inline-block，但可以触发块元素。其它主流浏览器均支持inline-block。ji

原文：http://www.w3school.com.cn/jsref/dom_obj_event.aspHTML DOM Event 对象实例哪个鼠标按钮被点击？光标的坐标是？被按的按键的 unicode 是？相对于屏幕，光标的坐标是？shift 键被按了吗？哪个元素被点击了？哪个事件类型发生了？Even

很多情况下我们都会即时监听输入框值的变化，以便作出即时动作去引导浏览者增强网站的用户体验感。要达到的效果 很多情况下我们都会即时监听输入框值的变化，以便作出即时动作去引导浏览者增强网站的用户体验感。比如即时显示输入框已经被输入的字节数，或者即时读取输入的值来进行搜索引导，也就是google的关联搜索效果等。 需要了解的知识 首先，我们需要了解onchange和onpro

zhuanz在理解闭包以前.最好能先理解一下作用域链的含义,简单来说,作用域链就是函数在定义的时候创建的,用于寻找使用到的变量的值的一个索引,而他内部的规则是,把函数自身的本地变量放在最前面,把自身的父级函数中的变量放在其次,把再高一级函数中的变量放在更后面,以此类推直至全局对象为止.当函数中需要查询一个变量的值的时候,js解释器会去作用域链去查找,从最前面的本地变量中先找,如果没有找到对