超超玄著

CSS Sprite是一种利用CSS特性对网页中图片进行的特殊处理的运用方式，主要是将多张零星图片综合到一张图片中。这样做的好处是可以减少用户浏览网页时对服务器的请求数，减少服务器负载，达到优化网站的目的。目前多内外著名网站都在使用这种技术。    CSS Sprite是如何在一张图片中集合多张零星图片的呢？请看图一、图二、图三，它们分别是google、土豆网和

1. Key code：A(65) Enter(13)2. top与pixelTop：前者返回String，后者返回int3. parseInt："0x"开头，转换成16进制，parseInt("0x10") -> 16；4. 解决jQuery命名冲突：JQ = jQuery.noConflict()；5. jQuery = window.jQuery = window.$ = f

HTML文档是一棵树的结构，各元素以一种层次结构为基础构成‘树’的视图。文档树中的每个元素，要么是另一个元素的父元素，要么是另一个元素的子元素，这样，各元素之间就形成了‘父子关系’。基于这样的关系模型，CSS定义了后代选择器（descendant selector）也称为上下文选择器（contextual selector）。后代选择器的写法为，子代元素以空格与父元素形成连接关系构成选择器

有这么一段HTML，请挑毛病：  哥写的不是HTML，是寂寞。  我说：不要迷恋哥，哥只是一个传说考点1：html和 xhtml的区别这行代码在html 4.01 strict下是完全正确的，在xhtml 1.0 strict下是错误一堆的。所以明显是一个考点。在xhtml下所有标签是闭合的，p,br需要闭合, 标签不允许大写，P

根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，成为块级元素；而span元素的默认display属性值为“inline”，称为行内元素。块级元素：会自动占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整的这个矩形的样子。行内元素：则没有

1、鼠标点击页面中的任意标签，alert该标签的名称document.onclick=function(e){ e=e||window.event; var o=e.srcElement||e.target; alert(o.tagName);}兼容性问题：1）e=e||window.event;做事件处理时候区分IE和其他浏览器事件对象时常用的写法2）IE下是s

1. 标有"!important"的规则有最高优先级。一个样式规则可以有一个"important"附带标签，表示该样式规则具有最高优先级。例如下面例子中，字体颜色被标为important。H1{color:black !important; font-family:sans-serif}注意：这种声明容易引起混乱，因此通常使用得较少。2. 创作者规则优先级高于浏览者规则

1. 直接写在HTML元素的style属性中。2. 写在HTML文档head块中的style块中。3. 在HTML文档head块中使用link链接外部CSS文件。4. 在head块中的style块中使用import（不建议使用）：@import url（）具体详情Google或百度即可

JavaScript：1. JavaScript编程风格HTML/HTML5

Continued from our previous post about 16 graphics coded purely with CSS, this time we're going to show you 23 logos drawn purely with CSS only. With the support of drop shadow, rounded border, grad

IE中的盒模型bug在IE6及以后的版本中，还有其它主流浏览器对盒模型宽高的解析不包括border和padding，而在IE6以前的版本中，IE对盒模型宽高的解析包括border和padding，这就是IE中盒模型的bug。通常解决这个bug都是通过voice-family属性。在css3中新添加了box-sizing属性，可以更好的实现这“content-box”和”border

body{ margin:0px; width:100%; height:100%; } .box{ position:absolute; top:50%; left:50%; width:500px; height:200px; } .content{ position:relative; top:-50%; le

近来把在w3schools上面把html、css、javascript的知识又从头到尾过了一遍，又发现了一些平时不了解的知识点，在此作下CSS的笔记，前端技术无穷尽，要时时学习时时总结！1. text-decoration：常用于去除链接的下划线2. list-style：用来设置list项目中的前缀样式3. table中border-collapse：collapse；用来设定相邻的

1. 注明关闭的是哪个div块2. 使用CSS重置3. 不要用@import4. smush你的图片5. 不要在html中混写CSS6. 不要在html中混写Javascript7. 使用条件注释8. 在body的最后导入Javascript文件9. 照语义使用html10. 测试时就要加入跨浏览器thanks: http://www.catswho

偶然看到来自博客园汤姆大叔的一个JS系列，虽然自己能完全明白的不多，但是作为以后提高的一种资源必须收藏，慢慢拜读总结吧！深入理解JavaScript系列（1）：编写高质量JavaScript代码的基本要点深入理解JavaScript系列（2）：揭秘命名函数表达式深入理解JavaScript系列（3）：全面解析Module模式深入理解JavaScript系列（4）：立