摘要：
Yslow是雅虎开发的基于网页性能分析浏览器插件，从年初我使用了YSlow后，改变了博客模板大量冗余代码，不仅提升了网页的打开速度，这款插件还帮助我分析了不少其他网站的代码，之前我还特意写了提高网站速度的秘籍，就是通过这款插件分析得出的。网络上已经有不少Yslow使用说明了，本文我想介绍下我使用Yslow的方法和一些别人没提到的小技巧。Yslow的安装方法现在Yslow已经有很多版本了，本文介绍的是3.0.4最新版，打开Yslow官网就能看到有四个版本可供选择：火狐（firefox）浏览器、谷歌（chrome）浏览器、欧朋（opera）浏览器和移动版。安装Yslow要先安装 Firebug（本 阅读全文
摘要：
盒模型——外边距、内边距和边框之间的关系，IE8以下版本的浏览器中的盒模型有什么不同。一个元素盒模型的层次从内到外分别为：内边距、边框和外边距IE8以下浏览器的盒模型中定义的元素的宽高不包括内边距和边框块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式... 阅读全文
摘要：
XMLHttpRequest对象提供了在网页加载后与服务器进行通信的方法。 1 <script type="text/javascript"> 2 var xmlhttp; 3 function loadXMLDoc(url){ 4 xmlhttp = null; 5 if(window.XMLHttpRequest){ //code for all new browsers 6 xmlhttp=newXMLHttpRequest(); 7 }elseif(window.ActiveXObject){... 阅读全文
摘要：
document.documentElement返回文档的根节点<html>document.body<body>document.activeElement返回当前文档中被击活的标签节点(ie)event.fromElement返回鼠标移出的源节点(ie)event.toElement返回鼠标移入的源节点(ie)event.srcElement返回激活事件的源节点(ie)event.target返回激活事件的源节点(firefox)当前对象为node返回父节点：node.parentNode,node.parendElement,返回所有子节点：node.childN 阅读全文
摘要：
设置容器的浮动方式为绝对定位然后确定容器的宽高比如宽500高300的层然后设置层的外边距1 Div {2 width:500px ;3 height:300px;4 margin: -150px 0 0 -250px;5 position: absolute;6 ... 阅读全文
摘要：
CSS文档流与块级元素（block）、内联元素（inline），之前翻阅不少书籍，看过不少文章， 看到所多的是零碎的CSS布局基本知识，比较表面。看过O'Reilly的《CSS权威指南》，发现里面提到的文档流概念让我很敏感。 可恶的是书中并没有解释文档流是什么东西，或许作者觉得这个太简单了以至于不值... 阅读全文
摘要：
HTML文件是通过CSS样式进行显示的控制的，也就是结合XHTML与CSS来表现页面内容。那么到底有哪些方式在XHTML文件中引入CSS样式呢？一、内联引用CSS将STYLE属性直接加在个别的元件标签里，模板无忧 - www.mb5u.com这种方法优点：可灵巧应用样式於各标签中。方便于编写代码时的... 阅读全文
摘要：
严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。在标准模式中，浏览器根据规范呈现页面；在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。如果XHTML文档包含形式完整的DOCTYPE，那么它一般以标准模式呈现。对于HTML4.01文档，包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现，但是有过渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。声明位于文档中的最 阅读全文