CSS

好久没有处理过IE6下的兼容问题了，今天有朋友碰到过input type=submit和button type=submit在IE6-7下会出现黑边;就算是你在样式中重置了一个border属性也是如此,很是疑惑，于是搜集整理一番，晒出来和大家分享，希望可以帮助你们

这段时间在处理网页默认的input 按钮时，IE下常显现不一致的宽度问题，让人感到很纠结,今天抽时间整理了一些，贴出来和大家分享下，希望对你们有帮助

outline的使用，大家都喜欢在reset样式表中直接重置outline: none;可是有一点可能大家还是不太清楚——outline在表单的button中使用时，在firefox浏览器下依然还是会有虚线框显示的;那么今天这个教程就简单的来了解如何处理这个问题

今天在公司写了一个登录页面效果，让我碰到一个怪异的问题——

大家都知道，目前有很多浏览器无法实现背景裁切、背景透明度、背景变换和复杂背景定位等效果;那么这篇文章将详细介绍了这几种背景图片的处理方法,需要了解的朋友可以参考下

在单个HTML元素上利用CSS2.1实现拥有3张背景图片和2张内容图效果，或者多重边框的效果。这种渐进增强的方式适用于所有支持CSS2.1伪元素及其定位属性的所有浏览器,需要的朋友可以了解下

其实我们可以使用“appearance”属性，来改变任何元素的浏览器默认风格，简单的说，你可以使用“appearance”属性将“段落p”渲染成button的风格，也可以渲染成“输入框”、“选择框”等效果,需要的朋友可以了解下

有关于使用inline-block来代替float的讨论也蛮多的，最常说的就是使用inline-block来代替float进行布局，或者使用inline-block来实现元素的居中效果;那么今天我们就一起来说说这个“4px”的问题,需要了解的朋友可以参考下

W3cplus第二版本刚上线时，好多位朋友向我问起站上的分页导航样式是怎么制作;为了报答各位朋友一持对本站的大力支持，今天我特意把这个分页导航的效果当作一个小教程来说。希望大家会喜欢

前面系统总结了CSS3中Gradient和RGBA的用法，今天我们在一起来看看CSS3中制作圆角的属性border-radius的具体用法;在CSS2中，大家都碰到过圆角的制作,如今CSS3中的border-radius出现后，让我们没有那么多的烦恼了

高度相等列在Web页面设计中永远是一个网页设计师的需求;大家都知道当初Table实现等高列布局是多么的简单，但是我们使用CSS来创建等高列布局并非是那么容易的事情;下面我们就一起来探讨Web页面中的多列等高的实现技术

左侧固定宽，右侧自适应屏幕宽;左右两列，等高布局;左右两列要求有最小高度，例如：200px;（当内容超出200时，会自动以等高的方式增高）要求不用JS或CSS行为实现,那么下面我们就先来看看如何实现

前段时间整理了CSS3中的渐变Gradient、透明度RGBA、边框圆角box-radius三个新属性的使用方法，这几次继续整理了有关于CSS3的text-shadow的使用方法,需要了解的朋友可以详细参考下

当项目列表的项目符号可以通过list-style-type设置为none时，制作各式各样的菜单、导航条成了项目列表的最大用处之一，通过各种CSS属性变换可以达到很多意想不到的导航效果

看到过一篇关于CSS 的文章，其中说到：对于类似 li#first 这样的选择器，由于使用 id 就已经可以确定元素了，没有必要再写上前面的 li, 直接写上 #first 这样的 id 选择器就可以了,感觉还不错，于是进行测试，与大家分享下CSS权重关系与涉及到的问题

用户的屏幕越来越大，而页面太宽的话会不宜阅读，所以绝大部分网站的主体宽度和之前相比没有太大的变化，于是浏览器中就有越来越多的空白区域，所以你可能注意到很多网站开始在滚动的时候让一部分内容保持可见，比如，侧边栏的部分区域。position:sticky为此而生,接下来

记得当时我刚买计算机, 上网下载图片总是下载到一个透明的 GIF 图片, 百思不得其解, 所以研究了一番. 后来发现网站上的图片都是通过背景的方式显示出来的,接下来介绍如何用CSS背景属性代替图片SRC，需要了解的朋友可以参考下

相信很多从事Web开发工作的开发者都听说和使用过Firebug;它可以对HTML、DOM、CSS、HTTP和Javascript进行全面的跟踪和调试;本文选取了12个Web开发者应该掌握的Firebug的初级使用技巧,感兴趣的朋友可以参考下

在div布局中内容溢出了容器，超出了容器所限定的宽度应该怎么办呢？很是疑惑，于是搜集整理一番，发现可以让内容超出容器时超出部分显示省略号，这种做法不仅解决了问题，而且很美观，好了，不多说了，有兴趣的朋友可以参考下

纯CSS3实现绘制各种图形实现代码详细整理请在现代浏览器（IE9+、firefox、chrome、safari、opera等浏览器）中查看效果