Winn的程序世界

CSS3圆角属性在Firefox,Chrome,Safari的实现 今天在aw那里看到他的博客用了Firefox专有的圆角属性，另外WordPress的后台也使用了，于是我自己也就试一下来用了。目前IE还未支持圆角属性，IE8我还不清楚支不支持，或许我们以后只要使用border-radius这个CSS3属性就能轻松地在现代浏览器实现这个困扰很多小盆友的问题了，希望这一天的到来不会太遥远。

首先，Sublime Text 2 已经提供了比较强大的 CSS 样式所写方法来提高 CSS 编写效率。例如编写 position: absolute; 这一个属性，我们只需要输入 posa 这四个字母即可。它会弹出缩写样式的提示： 你不妨在编写 CSS 的时候，留意一下 ST2 提供了哪些属性的缩写方法，这样就可以提高一定的效率了。但是 Emmet 提供了更多的功能，请往下看。

在上篇文章前端开发神器 Emmet 介绍中，我简单的介绍了一下 Emmet ，并且用了一句指令迅速生成了一大片 HTML 代码。本文，就会介绍 Emmet 的 HTML 语法，看完之后，你就会看懂并且写出那句代码了。 现在，打开你的 ST2 然后新建一个 HTML 文档，跟着文章，即时输入对应的指令然后亲自尝试一下！ 生成 HTML 文档初始结构 HTML 文档的初始结构，就是包

方法一：css（这种方法可以使用在那些png图片不多，且不需要repeat的情况下。） css: .pngs24 {width:108px; height:108px; background-image:url(png24.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaIma

html超链接a标签的href跳转和onclick之间执行关系 html的a标签的href用于跳转，但如果加上onclick事件后，执行顺序？ 如下： 如果onclick返回false，则a不进行跳转； 如果onclick返回true，则a跳转 注意：在onclick中要加上return关键字 此经常用于在跳转之前进行判断！！

浏览器兼容性问题太让人蛋疼了，今天可是废在了IE7的z-index问题上。可又不能因为浏览器版本低而不去解决，毕竟要从用户的角度着想。百度了好多还是无法解决，最后google了一下，找到了方法。        直接上例子：        Html代码代码   "container">       "box1">This box should be on top

在DHTML开发中，微软在其DOM中为每个元素实现了一个fireEvent方法。我们知道HTML的事件onXXX可以由系统(IE环境)来管理和触发，也可以直接执行事件的handler，比如onclick，如果被赋予事件处理函数，我们可以用element.onclick()来执行事件处理函数。那么fireEvent用来干嘛呢？     在MSDN中fireEvent的描述很简单：Fires a

all 方法最初是由 IE 浏览器拥有的，并不属于 W3C 规范范畴，他返回调用 all 方法的 HTML 标记自身内的所有子孙元素的 HTML 标记集合 。 all 方法的详细说明请参见 MSDN：http://msdn.microsoft.com/en-us/library/ms537434(VS.85).aspx。 通常情况下使用 document.all 方法获得文档元素内所有

电脑出现IE已经阻止此站点以不安全的方式使用ActiveX控件，因此该网页无法正确显示”的处理办法"。   以下三类解决办法均尝试一下，直到可以为止。 方法1:.更改安全级别..打开IE.找到上方的 工具-internet选项-安全,把那4个都设置下默认级别! 同时将工具-internet选项-隐私 调为低 方法2：主菜单“工具”——Internet选项——安全——自定义级

从 IE 8 开始，IE 添加了兼容模式，开启后会以低一版本的 IE 进行渲染。但是有时这样会导致网页出问题，于是我们通常在 html 中添加下列代码来使 IE 使用固定的渲染模式： 1 2 http-equiv="X-UA-Compatible" content="IE=8">  http-equiv="X-UA-Compati

除IE外都可识别 所有的IE可识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别 仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别 仅IE8可识别 仅IE9可识别 项目 范例 说明 ! [if !IE] The NOT op

做WEB页面的人经常会碰到形如这样的代码，那后面的xmlns是表示什么意思呢？     官方概念：xmlns是xml namespace的缩写，也就是XML命名空间，xmlns 属性可以在文档中定义一个或多个可供选择的命名空间。该属性可以放置在文档内任何元素的开始标签中。该属性的值类似于 URL，它定义了一个命名空间，浏览器会将此命名空间用于该属性所在元素内的所有内容。       为什么需

1. 用media="print"的css来控制要打印的文件testPrint.html中引用media为print的样式，表示打印时该样式才起作用  Html代码   link href="/style/print.css" rel="stylesheet" type="text/css" media="print">   /style/print.cs

<DIV align=center style=' color: #ffffff; background-color: #660000; border: solid 2px #660000; width: 600px; height: 200px; overflow: scroll; overflow-y:auto; scrollbar-face-color: #889B9F; s

CSS HACK区别IE6、IE7、IE8、Firefox兼容性问题 1.区别IE和非IE浏览器 #tip{  background:blue;/*非IE背景藍色*/  background:red\9;/*IE6、IE7、IE8背景紅色*/  }    2.区别IE6,IE7,IE8,FF 【区别符号】：「\9」、「*」、「_」 【示例】：  #tip{  backg

´ ´ © © > > µ µ ® ® & & ° ° ¡ ¡     » » ¦ ¦ ÷ ÷ ¿ &iqu

关注过IE8的css hack的人相信大家都在使用这个hack，就是“\9”的css hack： .test{ color:#000000;                  /* FF,OP支持 */ color:#0000FF\9;       /* 所有IE浏览器(ie6+)支持 ；但是IE8不能识别“*”和“_”的css hack；所以我们可以这样写hack */ [col

border-radius:长度  Firefox支持border-radius(圆角)：-moz-border-radius:2px;  webkit内核的Safari和Chrome支持border-radius(圆角)：-webkit-border-radius:2px;  Opera支持border-radius(圆角)：border-radius:2px;  IE不支持border