nick848的专栏

<br />今天在遇到了这样一个问题，在一个页面制作中使用了如下代码：<br /><dl><br />         <dt><h2>标题</h2><span>链接</span></dt><br />         <dd>内容</dd><br /></dl><br />测试发现IE下面正常显示，在FF下dt中的内容却跑到了第二行，在css代码中不管怎么改，FF下的问题也么有解决，最好在蓝色理想论他发现了同样的问题，把h2标签换为strong解决了问题。<br />W3C标标准下，dt只能嵌套行内元素（

文章转自：http://www.feelcss.com/picture-lazy-loading-to-optimize-page-performance.html#more-433附上例子：猛击demo ☻图片延迟加载也称懒加载，常用于页面很长，图片很多的页面，以电子商务网站居多，比如大家常上的京东，淘宝，页面以图居多，整个页面少说几百K，多则上兆，如果想一次性加载完成，不仅用户要哭

来自：http://www.cnblogs.com/onlylonely/archive/2012/01/03/2311378.htmljQuery官方动画库只提供了slide的向下开，向上关，明显不够用嘛。so,找了找向左向右的代码。jQuery.fn.extend({ slideRightShow: function() { return this.each(f

jquery的slideUp、slideDown、slideToggle等涉及滑动效果的一系列函数，在IE浏览器下有几处bug原文出处jquery的slideUp、slideDown、slideToggle等涉及滑动效果的一系列函数，在IE浏览器下有几处bug：1. 因position引起的问题 影响：IE全系列症状：在需要slide的层中，如果存在positi

当li的子元素中有浮动（float）时，IE6/IE7中li会产生3px空隙的bug的。     XHTML                 vapour               百度                   淘宝                   迅雷                  经过测试发现：li的子元素浮动只是这个bug产生的必要条

浏览器特性检测即通过探测对象是否拥有某个属性或者函数，或者通过其他的编码探测方式，来决定其是否支持某一功能、特性。其最经典的运用莫过于通用的addEvent函数：function addEvent(element, type, handler) { if (element.attachEvent) { //IE8及以下浏览器 element.attachEvent('o

在上一篇中介绍了jQuery1.4版本新增的几个浏览器特性检测方案和具体的目的，本文将以事件为中心，介绍一个较为完整、通用的事件检测方案。事件检测，即检测某一事件在不同的浏览器中是否存在（可用），这在编写Javascript的过程中也非常重要，如mouseenter/mouseleave事件虽然实用，但并不是所有浏览器都提供了标准的支持，因此需要自己手动模拟，即：function ad

也许是因为越来越多的人用上了大号的水管，前端程序员差不多将网页的优化工作都抛在脑后了。越来越多的 widget 和 javascript 代码被加在网页上，以致网页越来越慢。瞬间的载入速度让你感觉就像呼吸到一口新鲜空气。程序员有时忽略了一些非常简单的规则，导致降低了用户体验。页面的载入速度决定用户的情绪，尤其是电子商务网站。以下是一些它之所以这么重要的原因。快速的载入可以提升用户体验。

什么是FOUC(文档样式短暂失效)?如果使用import方法对CSS进行导入,会导致某些页面在Windows 下的Internet Explorer出现一些奇怪的现象:以无样式显示页面内容的瞬间闪烁,这似乎不可想象,我将这种现象称之为文档样式短暂失效(Flash of Unstyled Content),简称为FOUC.因为这种奇怪的现象似乎只会在Internet Explorer

1、概述    jQuery是一个非常优秀的JS库，与Prototype,YUI,Mootools等众多的Js类库相比，它剑走偏锋，从web开发实用的角度出发，抛除了其它Lib中一些不实用的东西，为开发者提供了短小精悍的类库。其短小精悍，使用简单方便，性能高效，能极大地提高开发效率，是开发web应用的最佳的辅助工具之一。因此大部分开发者在抛弃Prototype而选择Jquery来进行web开发

转自：http://www.itlead.com.cn/article/html/148/2011-07-28/content-1087.shtmljs获取浏览器高度和宽度值,尽量的考虑了多浏览器兼容问题。IE中： document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 d

通俗的来说互联网的作用就是跟数据打交道：存储、传输、显示、处理。XML作为跨平台的数据存储方式，其地位自然不用多说。       今天硬着头皮在W3上看了一点儿，记录如下。       先粘一段代码，免得以后忘了。[html] view plaincopy%@page pageEncoding="UTF-8"%>  html>  

IE读取XML文件FireFox读取XML文件Chrome,Safari读取XML文件以上三类浏览器读取XML文件各有不同，常常困扰开发人员，现在我们将其融合为一个函数方便大家使用。// 加载XML文件并返回XML文档节点function loadXmlFile(xmlFile){var xmlDom = null;if (window.ActiveXObject){

再次碰到了IE中这个让人头疼的BUG，记得之前有分享过一篇博客，也是网上搜索到的一些解决方案，其实没能真正的解决问题，只不过是绕过了这块绊脚石，果然，今天还是又碰到了。以下都拿slideDown作例子，slideUp同样操作。        两种情况：1. slideDown 下拉动画变形，最终定格时正常。    2. slideDown 下拉动画正常，最终定格时消失。

1  js和浏览器兼容的现状     首先谈一下浏览器，虽然现在ie依然是浏览器市场的老大，大约占有67%的份额，但是由于其很多方面的欠缺，用户开始选择其他浏览器作为自己浏览网页的主要工具，比如firefox、theworld、maxthon、chrome、opera等等，在用户使用比较多的浏览器中，分为2大派系 - ie内核和非ie内核，像theworld、maxthon、greenbrow

官网视频请看：http://tv.adobe.com/watch/cs-55-web-premium-feature-tour-/dreamweaver-cs-55-creating-a-native-mobile-application/搭建开发环境1.Dreamweaver版本选择确认Dreamweaver CS5.5版本号是11.5，内部版本5344以上，不是的话请升级你的版本。

用CSS开启硬件加速来提高网站性能国外一篇文章，有点意思，转载过来，准备尝试下~中文地址：http://www.cnblogs.com/rubylouvre/p/3471490.html原文地址：http://blog.teamtreehouse.com/increase-your-sites-performance-with-hardware-accelerated-

转自：http://www.qiqiboy.com/2010/11/19/coordinates-access-to-the-power-of-mouse.html 我不是一个脑子灵光的人，所以学东西忘得快。姑且记录下来，以后方便温故知新。当然，内容中加入了我的一些理解与标注，如有不准之处，还望及时指出，一块提高。鼠标事件的坐标位置的类型其实无非就是以下几种相对于客户端

在我们设计网站或者在制作主题的时候都需要用到CSS，但是现在浏览器特别多，每种浏览器显示的效果不一样我们怎么来区别这些恼人的浏览器显示问题呢？今天分享一篇区别各个浏览器兼容性呢针对样式名如果只让ie6看见用*html .head{color:#000;}如果只让ie7看见用*+html .head{color:#000;}如果只让ff看见用:root body .head{colo

<br />本文转自：http://chinazblz.blog.163.com/blog/static/93939173201052345454338/HTML5追加的新标签<br />新千年以来，超文本标记语言（HTML）5 第一次向 HTML 中引入新的元素。<br />新的结构元素包括 aside、figure 和 section。<br />新的内联元素包括 time、meter 和 progress。<br />新的内嵌元素有 video 和 audio。新的交互元素有 deta

<br />本文出自：http://gaolizhong666.blog.163.com/blog/static/11561504220098110101672/<br /><br /><link>元素所参考的样式用户可以自由的选择加以改变，而导入的样式表单就自动的与剩下的样式表融合在一起了<br />CSS与HTML文档结合的4中方法：<br />1 使用<link>元素链接到外部的样式文件<br />2 在<head>元素中使用"style"元素来指定<br />3 使用CSS "@import"标记来

摘自：http://www.aa25.cn/code/214.shtml或

<br />      用DW8新建一个页面时，第一行代码就是：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">，这里其实是声明了一个文档类，那什么是文档类呢？<br />      文档类是用来说明你用的XHTML或者HTML是什么版本，其中的dtd是文档类型定义，里面包含了文档的规则，浏览器就根据你定义的dtd来

<br />文章出处：http://www.aa25.cn/div_css/322.shtml<br /> <br /> <br /><script type="text/javascript"><br />// <![CDATA[<br />function bookmark(){<br />var title=document.title<br />var url=document.location.href<br />if (window.sidebar) window.sidebar.addPane

<br />1.文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px<br />，opera下就更不一样了。解决方案：给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要，在高度上我们不能容忍1px 的差异。<br />2.ff下容器高度限定，即容器定义了height之后，容器边框的外形就确定了，不会被内容撑大，而ie下是会

<br />CSS 和 JavaScript 标签 style 属性对照表：<br />盒子标签和属性对照CSS语法（不区分大小写）JavaScript语法（区分大小写）borderborderborder-bottomborderBottomborder-bottom-colorborderBottomColorborder-bottom-styleborderBottomStyleborder-bottom-widthborderBottomWidthborder-colorborderColorbor

<br />a:visited <br />颜色约定 a{color:#000;} a:link{color:#03F;} a:visited{color:#CCC;} a:hover{color:#F50;}<br /> 例子们<br /> content添加对号 <br />zhouqicf.com<br /> zhouqicf.com 先定义a:link，后定义a

<br />a:visited <br />颜色约定 a{color:#000;} a:link{color:#03F;} a:visited{color:#CCC;} a:hover{color:#F50;}<br />例子们 <br />content添加对号 <br />zhouqicf.com<br />zhouqicf.com 先定义a:link，后定义a a:link表示链接的普通状态(未点击、未hover)，所有伪类的权重为10。所有类选择器的权重同样为10。在css中同样权重时，后者将覆盖前

转自：http://bbs.blueidea.com/thread-2666987-1-1.html 链接中展示了8种图片垂直居中的方法，个人比较喜欢使用的是倒数第二种： div { display:table-cell; height:300px; wid

关于 jQuery 的 Div 标签的滚动条的概念，没有几个人能够完全、正确搞明白的。    我知道很多人不同意我的观点。但是如果去百度上搜素，与 jQuery 滚动条有关的信息，都是关于滚动条外观和滚动条插件的。我最近在制作一个滚动条相关的页面效果，去 CSDN 论坛里提问

.all IE{property:value\9;}.gte IE 8{property:value\0;}.lte IE 7{*property:value;}.IE 8/9{property:value\0;}.IE 9{property:value\9\0;}.IE 7{+property:value;}.IE 6{_property:value;}.not IE{proper

几种媒体文件(MediaPlayer,Realplay,QuickTime)的调用代码   1.rm格式 <embed SRC type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT="288" WIDTH="352" AUTOSTART="fal

在使用 css 编辑页面的时候，可能你会遇到半透明的令人头疼的问题。为了达到兼容性好的目的，经过不断的 debug，我们得出了这样的解决方案。废话一下： 1. 通常在网上搜索到的 CSS 透明的代码入下：1.transparent {2 filter: alpha(opacity=50);/* IE6 */3 -moz-opacity: 0.5; /* f

http://hi.baidu.com/a_longge2009/blog/item/9956cb23ca971ea94723e849.html UpdatePanel来回往返不会保留 Javascript 或其他客户端技术（如 Adobe Flash）生成的任何效果。因此在局部刷新之后要重新注册js做法:function EndRequestHandler(){//刷

很老的问题了，如今再次碰到，记录下来，给后来者方便！众所周知，在Firefox下input type=”button”的文字是不好居中的，原因在于Firefox自己比较二，弄了个私有属性，导致以下问题的出现：按钮左右本身有2px的间距（FF私有属性写了padding:0 2px所致）；按钮文字居中是不行的（此时设置padding-bottom是没用的） ；等等…

meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />忽略将页面中的数字识别为电话号码 name="format-detect