摘要：
导言：本文探讨的是圆角框的终极解决方案，其核心关键词是“圆滑、完美、兼容、重用性、语义”，这些技术都是收集目前网络上最流行的做法。纵观种种方法，各有其优势，请针对不同的环境分别使用。圆角框，因为其样式比直角框漂亮，所以成为设计师心中偏爱的设计元素。现在的web标准下大量的网页、博客都采用圆角框设计，成为一道亮丽的风景线。然而，就是这个圆角，却成为了网页前端人员心中永远抹之不去的阴影，对它，可以说是又痛又爱。爱的是它的漂亮，痛的是要让它兼容通行于各种不同的浏览器却成为一个永远的神话。让我们来回顾一下目前网络流行的都有哪些解决方案。第一种：无图片纯css圆角框收录理由：兼容性强，不用图形图一特点： 阅读全文
摘要：
We’ve all heard the rap:“Sites designed with CSS tend to be boxy and hard-edged. Where are the rounded corners?”Answer: the rounded corners are right here. In this article, we’ll show how customized borders and corners can be applied to fully fluid and flexible layouts with dynamic content, using so 阅读全文
摘要：
所谓的CSS高级技巧...其实是一些对基本技巧的创意组合, 任何手段和技巧都是解决问题的方法. 只要学会这种思考问题的方法, 你也能拥有属于自己的CSS秘籍. CSS2 还没有办法创造出曲线边框, 明显的, 仅仅方框是没办法满足我们设计师的. 所以CSS圆角技术到现在还是那么的火. 1. 固定宽度的纯色圆角矩形 在众多圆角技术中, 固定宽度的圆角矩形应该是最容易实现的, 只需要2个图片以及一段简单的html代码. html代码如下: <div class="wrapper"> <h1>标题</h1> <p>内容</p&g 阅读全文
摘要：
链接的虚线框影响整体风格，我们在工作经常会将它去掉，而采用图片高亮的方式来显示焦点状态。然而去掉虚线框在两种浏览器中却分别对待，这种技巧经常用到，作个记录，以备不时之需。当一个链接得到焦点时，默认会有个虚线框。如图：在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉。所以我们可以这样写：1a:focus{2outline:none;3-moz-outline:none;4}顺便提一下，如果你用过 Safari 和 Chrome 可能会发现，当输入框得到焦点时边框会出现阴影效果。如果想去掉阴影效果也可以用 outline 属性。1in 阅读全文
摘要：
本文和大家重点讨论一下IE6.0下DIV不能实现1px高度的几种解决方法，高度为1px的DIV在IE6里不管用，因为IE6中的DIV默认有个最小字体高度，DIV的最小高度就是这个高度，即使设置了height:1px,DIV显示出来的高度也不是1像素。 IE6.0下DIV不能实现1px高度的几种解决方法 在设计网页时，有时我们需要一个1px高度的细线，但IE6有个bug，高度为1px的DIV在IE6里不管用。这是因为IE6中的DIV 默认有个最小字体高度，DIV的最小高度就是这个高度，即使设置了height:1px,DIV显示出来的高度也不是1像素。 解决方法有如下几种： ◆1,网上都说... 阅读全文
摘要：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
摘要：
javascript的核心就在于事件处理。我们经常会对一个对象进行事件绑定，加上事件处理函数。如果一个元素和它的一个上级节点对于同一个事件都有进行事件处理，哪一个先触发呢？毫无疑问，这决定于浏览器。假设一个元素element1，它有一个下级元素element2。如图：-----------------------------------| element1 || ------------------------- || |element2 | || ----------------------... 阅读全文
摘要：
How To Clear Floats Without Structural MarkupReturn to PIE(This clearing technique was developed by Tony Aslett, of csscreator.com.The earliest known mention of the basic :after idea is foundhere.)Notice as of March 4th, 2008: The article you are reading is getting a bit old and much new information 阅读全文
摘要：
<script type="text/javascript" language="javascript"> function father() { var name = "father"; //闭包 function son() { alert(name); } return son(); } father();</script>闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数" 阅读全文
摘要：
今日整理网站的 CSS 的时候发现我的网站在 Firefox下面出现了变形的情况,这个时候我急啊.我就到网上找了很多资料,最后发现下面的内容比较实用:熟悉CSS的朋友一定对CSS hack十分了解了，现在IE浏览器、Firefox浏览器、Chrome浏览器、Opera浏览器、Safari浏览器百家争鸣，可苦了我们这些Web前端开发人员了。我在这里稍微整理了一下前面了解的各浏览器的CSS hack，打包奉献一下，哈哈。各浏览器CSS hack兼容表：IE6IE7IE8FirefoxChromeSafari!importantYY_Y*YY*+Y\9YYY\0Ynth-of-type(1)YY代码 阅读全文