OnlyGrape葡提子,英文建站博客英文网站建设，用户体验设计，前段技术研究，seo网站推广

js和css在IE与FF下的一些写法

png透明 AlphaImageLoader
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL)

enabled：可选项。布尔值(Boo[……]

img元素设置背景图以及边框

老外在这里《CSS Background image on html image element?》提到，自己从没去实现这种做法。实现方法很简单：设置 img 元素为块元素（display:block;），并赋一个 padding 值。

img {
    display:block;
 [……]

CSS中IE的IF条件使用注释

在CSS布局中，还常常用到IE Hack。
if IE条件注释的使用就起着很大的作用。
if IE什么意思呢？下面就列举了一些在CSS常见的HACK控制语句。

<!–[if !IE]><!–> 除IE外都可识别 <!–<![endif]–>[……]

display:inline-block属性兼容以及运用理解

现在对于 inline-block 属性运用的需求也越来越多，可惜依旧只有 Firefox3 beta、IE8 beta、Opera、Safari 支持 inline-block 属性（注：原来只有 Opera、Safari 支持），但 IE6、IE7 可以通过触发 hasLayout 来模拟，Fi[……]

CSS导航菜单在网站设计中的优点分析

    导航结构在网站设计中是起到决定性作用的，导航菜单/栏常常通过颜色、排版、形状和一些图片来帮助网站创造更好的视觉和感受，它是网页设计的关键元素。
　　虽然网站导航菜单的外观是网页设计中关系到整个设计成败与否的关键，但视觉效果也不能影响到网站可用性。最理想的设计是网站的导航既能比其他网站的导航[……]

hover属性兼容性以及伪类之动态链接

由于浏览器对CSS的解释与理解不同，IE6不支持除a标签以外的hover属性，我们了解hover属性是鼠标悬停效果。在IE7和FF中，对几乎任意元素都可以设置hover属性效果。而此属性效果的设置在IE6中，只对a标签有效，也就是说，IE6只能解释链接元素的悬停效果。其他元素的悬停效果IE6就不行。[……]

CSS中Float（浮动）概念详解

Float（浮动）概念也许是CSS中最让人迷惑的一个概念吧。Float经常被错误理解，而且因为将上下文元素全部浮动导致的可读性、可用性问题备受责难。然而，这些问题的根源并不在于理论本身，而是开发人员以及浏览器对理论的解读造成的。
　　如果你认真的去读一下浮动概念，你会发现并不像所见的那样复杂。大多[……]

CSS网页布局的优势与弊端

关于CSS网页布局，随着WEB2.0标准化设计理念的普及，国内很多大型门户网站已经纷纷采用DIV+CSS制作方法，从实际应用情况来看，此种方法绝对好于表格制作页面的方法。
如今大部分网站仍然采用表格嵌套内容的方式来制作网站，虽然此方法对于我们来说比较熟悉、比较上手；但是，它却阻碍了一种更好的、更有[……]

CSS代码精简工具和W3C验证器，CSS中文手册

能用最简洁的代码来实现一个精美的网页排版和布局, 这应该是每个网页设计师对自己的一种要求。尽管通常一个CSS文件占用不了什么带宽, 但之于网页设计, 在不影响整个网页构架与功能的情况下, 网页文件越小越好. 因为更小的网页文件有利于缩短页面的载入时间.

本文里面为大家介绍介绍两个CSS代码精简[……]

CSS优化UL LI打造精致的横向菜单

Example Source Code：
<ul id=”nav”>
    <li><a href=”http://www.onlygrape.com/”>Div+CSS教程</a></li>
    <li><a[……]