cui_angel的专栏

CSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行   powered by 25175.net2. margin加倍的问题    设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bu

作为Web开发人员，我为什么喜欢Google Chrome浏览器【原文地址：http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html 】在Google Chrome浏览器出来之前，我一直使用FireFox，因为FireFox的插件非常丰富，更因为FireFox有强大的Firebug，对于前端开发可谓神器。

W3C标准这样规定的， 其一：在同一个页面内，不允许有相同名字的id对象出现，但是允许相同名字的class其二：当页面中用到js或者要动态调用对象的时候，要用到id  控制页面总共有四种方式行内方式、内嵌方式、链接方式、导入方式， 通过这四种方式就可以实现CSS对HTML页面样式的控制，如果要让这些样式对HTML页面中的元素实现一对一，一对多或者多对一的控制，这

1、定义：autocomplete属性规范表单是否启用自动完成功能。自动完成允许浏览器对字段的输入，是基于之前输入过的值。2、应用范围：autocomplete适用，以及类型的text、search、url、telephone、email、password、datepickers、range、color3、属性值：on----默认，启动自动完成off-----禁用自动完

在Google Chrome浏览器出来之前，我一直使用FireFox，因为FireFox的插件非常丰富，更因为FireFox有强大的Firebug，对于前端开发可谓神器。在Chrome出来的时候，我就喜欢上它的简洁、快速，无论是启动速度还是页面解析速度还是Javascript执行速度（现在的FireFox4也比之前的FireFox3有很大的进步）。不过当时由于Chrome的开发者工具还不是

http://www.iteye.com/blogs/tag/JavaScript  ITEYE

简介谷歌浏览器揭秘何处可以找到有关其他浏览器的信息？用户代理谷歌浏览器的用户代理字符串是什么？语言编码谷歌浏览器未正确显示字符无法使用 JavaScript (document.write) 声明编码谷歌浏览器显示的是“%B1%C1%C3%E5”，而非两个汉字脚本与网络应用程序我的 ActiveX 控件未载入我

AutoComplete控件就是在用户在文本框中输入前几个字母或是汉字的时候，该控件就能从存放数据的文本或是数据库里将所有以这些字母开头的数据提示给用户，供用户选择，提供方便。autocomplete(url or data,[options])利用这个函数可以让一个输入框或者文本域是可以自动填充的。第一个参数可以是一个远程数据的URL，也可以是本地数组。对于远程数据：当用户输入数

div与span大家在初学div+css布局时,有很多困惑,在div与span的使用过程没觉得有一定的”章法”,觉得两个区别不大,在w3c的关于div和span的定义:div作为分割文档结构自然使它最官方的语义，但是这样的官方语义太让人迷惑，大的结构还好，但是小的地方到底是用div还是用span仍然让人迷惑。其实恰恰是《Microsoft MSDN Library》里面的定义让人豁

名称背景数值背景颜色名称中文名称十六进制RGB十进制RGB粗细字体配色参考 aliceblue艾利斯兰#f0f8ff240,248,255艾利斯兰[中国搜]  antiquewhite古董白#faebd7250,235,215古董白[中国搜]

关于伪类，大家最熟悉的还是a标签的4个伪类：:link        有链接属性时:visited    链接地址已被访问过:active     被用户激活(在鼠标点击与释放之间发生的事件):hover      其鼠标悬停关于这四个伪类的排列次序，很多地方都能查到，可是为什么这么排列？从来没有见过有人提及。这里我就从技术、用户体验、优先级几个角度简单的阐述下我们为什么这

一、get和post定义form元素的method属性用来指定发送form的http方法；使用get时，form数据集被附加到form元素的action属性所指定的URL后面；使用post时，form数据集被包装在请求的body中并被发送。使用get提交方式，生成URL：user.do?loginId=abcget仅仅是拼接一个URL，然后直接向服务区请求数据，需要提交

object标签用于定义一个嵌入的对象，包括：图像、音频、Java applets、ActiveX、PDF以及Flash。该标签允许您规定插入HTML文档中的对象的数据和参数，以及可用来显示和操作数据的代码。常用的功能：一、显示图片:[color=Red]type="image/jpeg" data="audi.jpeg">[/color]Picture As

Input表示Form表单中的一种输入对象，其又随Type类型的不同而分文本输入框，密码输入框，单选/复选框，提交/重置按钮等，下面一一介绍。1，type=text输入类型是text，这是我们见的最多也是使用最多的，比如登陆输入用户名，注册输入电话号码，电子邮件，家庭住址等等。当然这也是Input的默认类型。参数name：同样是表示的该文本输入框名称。参数size：输入框的长度大小。参数

定义和用法定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数，以及可用来显示和操作数据的代码。object元素用于向页面添加多媒体对象，包括Flash、音频、视频等。它规定了对象的数据和参数，以及可用来显示和操作数据的代码。与之间的文本是替换文本，如果用户的浏览器不支持此标签会显示这些文本。objec

XHTML 规则概要1、使用恰当的文档类型声明和命名空间2、使用meta元素声明你的内容类型3、使用小写字母书写所有的元素和属性4、为所有的属性值加引号5、为所有的属性分配值6、关闭所有的标签7、使用空格和斜线关闭空标签8、不要在注释中写双下划线9、确保小于号及和号为Unicode 和其他字符集XML、XHTML、和HTML 4.0 文档的默

在用CSS布局页面的时候，我们会将HTML标签分成两种：块状元素和内联元素（我们平常用到的div和p就是块状元素，链接标签a就是内联元素）。块状元素一般是其他元素的容器，可容纳内联元素和其他块状元素，块状元素排斥其他元素与其位于同一行，宽度(width)高度(height)起作用。常见块状元素为div和p。内联元素内联元素只能容纳文本或者其他内联元素，它允许其他内联元素与其位于

HTTP 状态 在开发中会常常遇见 但是各值都代表什么呢! 下面是一些常见的 xmlHttp.status 值xmlHttp.status的值（HTTP状态表）0**：未被始化1**：请求收到，继续处理2**：操作成功收到，分析、接受3**：完成此请求必须进一步处理4**：请求包含一个错误语法或不能完成5**：服务器执行一个完全有效请求失败100——

对于很多 Web 开发人员来说，只需要生成简单的请求并接收简单的响应即可；但是对于希望掌握 Ajax 的开发人员来说，必须要全面理解 HTTP 状态代码、就绪状态和 XMLHttpRequest 对象。在本文中，Brett McLaughlin 将向您介绍各种状态代码，并展示浏览器如何对其进行处理，本文还给出了在 Ajax 中使用的比较少见的 HTTP 请求。在本系列的 上篇文章 中，我们

下面是实现：    pageEncoding="UTF-8"%>http://www.w3.org/TR/html4/loose.dtd">Insert title here      $(document).ready(function(){//获取顶级部门d = new dTree('d');d.add(0,-1,'系统'

最先使得是遨游（IE6咱就不算了吧！），后来使用火狐有一段时间了，现在网速比较慢（2M带宽还两人用！5555…）又用起了谷歌浏览器。 只有在专门研究一个网站的时候才用火狐，谷歌浏览器查看代码的水平用不来！      许多人不使用这个浏览器，是因为刚下载回来的和 IE 没什么区别，现在呢就讲火狐的优势了，把IE甩开…       众所周知火狐的优势在于它是完全免费开源(都是免费的,说

不知道有多少人为Firefox写程序？所以也就不知道会有多少人对这篇文章感兴趣，但是无论如何，为了让这一系列的文章趋于完整，我还是决定把它写下来。准备工作调试Firefox里面的脚本需要安装一个插件Venkman：1.       启动Firefox，浏览页面https://addons.mozilla.org/en-US/firefox/addon/216

在csdn上看到一篇帖子. 很有用. 在火狐中困扰我大半天的js问题.找到这个. 半小时就搞定了.. .下面是原帖内容.什么是Firebug从事了数年的Web开发工作，越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码；要编写精致的CSS样式表展示每个页面模块；要调试javascript 给页面增加一些更活泼的要素；要使用Ajax给用户带来更好的体验。一个优秀的WE

type：事件的类型，如onclick中的click；srcElement/target：事件源，就是发生事件的元素；button：声明被按下的鼠标键，整数，1代表左键，2代表右键，4代表中键，如果按下多个键，就把这些值加起来，所以3就代表左右键同时按下；（firefox中0代表左键，1代表中间键，2代表右键）clientX/clientY:事件发生的时候，鼠标相对于浏览器窗口可视文档

1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象

CSS中zoom:1的作用兼容IE6、IE7、IE8浏览器，经常会遇到一些问题，可以使用zoom:1来解决，有如下作用：触发IE浏览器的haslayout解决ie下的浮动，margin重叠等一些问题。比如，本站使用DIV做一行两列显示，HTML代码：div class="h_mainbox"> h2>推荐文章h2> ul class="mainlist"> li>a href=

jQuery为开发插件提供了两种方法，分别是：jQuery.fn.extend(object); jQuery.extend(object);jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象添加方法。 jQuery.extend(object)

* {margin:0; padding:0;}body {font-size:12px; color:#222; font-family:Verdana,Arial,Helvetica,sans-serif; background:#f0f0f0;}.clearfix:after {content: "."; display: block; height: 0; clear: both; v

其中,n表示的就是下面的数，n取不同的值，对应有不同的效果：　　0、box in 　　1、box out 　　2、circle in 　　3、circle out 　　4、wipe up 　　5、wipe down 　　6、wipe right 　　7、wipe left 　　8、vertical blinds 　　9、horizontal blinds

jquery.cookie是一个轻量级的cookie插件，可以读取，写入，删除cookie。jquery.cookie.js的配置：       首先包含jQuery的库文件，在后面包含jquery.cookie.js的库文件。使用方法：新添加一个会话cookie：$.cookie('the_cookie','the_value');注：当没有指明cookie有

现在web设计，画面是越来越炫但是使用了透明的背景图，在IE6下，在ie78 ff等浏览器显示正常。 解决办法：body{ background-color:#CCC;}一般普通写法如下：div.bg1{ background:url(logo.png) no-repeat center;width:100px; height:100px;}特殊处理写法如下：

exercise for tab *{margin:0;padding:0} .menu{width:500px;margin:20px;auto;} .menu a{display:inline-block;width:100px;height:35px;line-height:35px;text-align:center;color:#000;background:#a

setTimeout("函数()",时间间隔)；setInterval（“函数()”,时间间隔）；这两个方法语法相同，都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就执行那段代码。二者都可以用来实现在一个固定时间段之后去执行JavaScript，不过两者各有各的应用场景。方法：setInterval在执行完一次代码之后，经过了那

转：http://qingfeng825.iteye.com/blog/259099 一、document.selection 介绍 document.selection 表示当前网页中的选中内容。 方法有：     clear　清除选中的内容     empty　取消选中     createRange　返回 TextRange 或 ControlRa

本文基于jQuery1.7.1版本，是对官方API的整理和总结，完整的官方API见http://api.jquery.com/browser/0、总述jQuery框架提供了很多方法，但大致上可以分为3大类：获取jQuery对象的方法、在jQuery对象间跳转的方法，以及获取jQuery对象后调用的方法其中第一步是怎样获取jQuery对象。大致来说，是通过最核心的$()方法，将页

最近学习一则浮动广告JS代码时，IE、Firefox下都能显示正常，但 Chrome下出现的广告不会随着页面滚动而浮动，经过仔细分析，结合网友的提示，发现Chrome对 document.documentElement.scrollTop的识别有时会出现误差。不过加上document.body.scrollTop 后，则显示正常。　　网友提示：由于document.documentElem

计时计数器经常会用到的两个函数。首先注意：setInterval与clearInterval都是直属于window对象的。时间间隔可以通过setInterval命令来创建并用clearInterval命令来终止。setInterval所用的参数有两种格式：代码一：var dT = document.getElementById("oDiv_showCurrTime0");

margin-top:0px!important;>margin-top:0px!important;margin-top:16px;现在IE6和IE7以及FF对盒模型解释大致是一致的，都是盒实际宽度=盒内容宽度+内补丁值+边框宽度。主要差异还是在一些细节上。比如IE6.0的margin双倍问题，这样的话在写CSS或搭建XHTML结构时候尽量去写兼容性地，可扩展性的代码和结

我们经常在淘宝网看到这样的特效，商品列表特别长，而商品列名称始终保持在最顶端。如果你把滚动条滚动至最上边了，那么它会自动判断是否到顶端了，然后一直置顶从而不怕遮挡。这种特效是通过JavaScript和CSS实现的，在实际开发中有不少用途，下面是我找到的一个使用JavaScript制作的仿淘宝智能浮动的源代码，兼容性不错，在IE、Firefox、Chrome下都能正常工作。使用这个特

接触CSS已有相当长一段时间，我们竟然没有留意position:fixed的用法。我们都知道CSS中定位属性position的值，除了默认的值外，还有absolute,relative和fixed。我平时比较常用absolute和relative，而position:fixed却没多关注。或许是因为当初在CSS中文手册中看到position:fixed旁边有说明“IE5.5及NS6尚不支持