CSS3选择器nth-child(n)实现隔几行选择元素
nth-child(n)，n 可以是数字、关键词或公式。选择器匹配属于其父元素的第N个子元素，不论元素的类型。
序号写法：
li:nth-child(3){background:orange;}/*把第3个LI的背景设为橙色*/
倍数写法：
li:nth-child(3n){background:orange;}/*把第3、第6、第9、…、所有3的倍数的LI的背景设为橙色*/
倍数分组匹配：
li:nth...
list-style-image失效background替换方法
使用css+html制作网页时，经常会出现css代码在某浏览器没有效果的情况，如list-style-image代码就经常不能显示出图标，有些时候是因为使用了float的原因，有些时候却难以发现是什么原因。解决的方法一般是使用background背景图片的方法。
如以下css代码：
#sidebar ul {margin:15px 0;}
#sidebar ul li {line-height:1.5em;...
jQuery hover改变div边框颜色
今天在做一个网页，需要用到鼠标悬浮hover改变当前div边框颜色，由于IE6之类的浏览器不支持非a以外的伪类，所以就用jQuery实现。刚开始使用addClass添加样式的方法，发现不能成功，后来就直接通过jquery给当前div添加一个border的样式。
实现效果的方法：
$(document).ready(function() {
$('.themelist').hover(function() {...
CSS overflow 属性介绍
overflow 属性规定当内容溢出元素框时发生的事情。这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。overflow属性默认值为auto
设置 overflow 属性：
div { width:960px; height:150px; overflow:scroll; }
overflow...
DIV+CSS单行文字怎么垂直居中？CSS单行文字垂直居中的方法
DIV+CSS里单行文字垂直居中仅需要在DIV添加height属性后再添加个line-height属于就可以了。
#neirongorg {height:25px;line-height:25px;}
仅需要这样就可以达到单行文字垂直居中的效果。也可以应用到DIV垂直居中里。
也可以使用Vertical center现实，不它只对(X)HTML元素中拥有valign特性的元素才...
在IE6中使用了float浮动元素导致margin产生双边距的解决方法
使用CSS+DIV制作网页的时候，由于目前浏览器太多，每个浏览器都有不同的CSS的BUG问题，其中IE浏览器特别多，加上用户总坚持着老版本不放，也加重了网页设计师的麻烦。float浮动之后margin产生双边距便是IE6中很明显的BUG。
什么是双边距？
先看以下CSS代码：
#neirong{float:left;width:250px;height:250px;margin:10px;}
表示宽高为250像素的D...
CSS 实现logo图像链接替换文本链接
现在的网页设计一般用logo图片代码纯文本链接，而大部分网页设计师是直接在网页相关位置使用(<img src="images/logo.gif">)实现的，其实更好的方法是直接使用CSS设置其背景图片，然后再对a标签进行样式定义，这样即利于搜索引擎辨别，也利于以后的变动修改。
如何利于CSS实现logo图片链接替换纯文本链接：
原html代码如下：
<div id="logo">...
CSS中border-collapse:collapse;作用是什么？
border-collapse:collapse;
作用：用于表格属性, 表示表格的两边框合并为一条;然后可以对表格应用border属性！...
div+css让图片垂直居中方法技巧
在网页设计过程中，有时候会希望图片垂直居中的情况。而且，需要垂直居中的图片的高度也不确定，这就会给页面的布局带来一定的挑战。下面总结了一下，曾经使用过的几种方法来使图片垂直居中，除了第一种方法只限于标准浏览器外，另外两种方法的兼容性还不错。
方法一
将外部容器的显示模式设置成display:table，这个设置的意思不用多说了吧…
img标签外部再嵌套一个span标签，并设置span的显示模式为disp...
解决expression在Chrome浏览器不能加载css的问题
先看一段HTML代码，在下边这段代码中，这张图片的宽度未知，我想写在CSS中写一行限制最大宽度为50px：
<div id="test">
<img src="/sheji/Files/2011-10/8/93619040.gif" />
</div>
Firefox或IE较高的版本可以直接写max-width。在IE的低版本浏览器中，我们可能会写如下的代码：
#te...
网页制作css技巧之zoom:1;作用
zoom这个特性是IE特有的属性。
zoom:1;一般是拿来解决IE6的子元素浮动时候父元素不随着自动扩大的问题，功能相当于overflow:auto，同样也可以用height:1%来代替zoom:1。
所以一般要在浮动元素的父元素加上overflow:auto；zoom:1; 。这样，子元素浮动，父元素再也不会不自动跟子元素扩大了。
PS：一直认为IE6应该从广大网民的电脑中删除或升级了，作为...
兼容IE6的css网页最小最大宽度和最小最大高度
最小宽度：
.min_width{
min-width:300px;
/*sets max-width for IE */
_width:expression(document.body.clientWidth < 300 ? "300px" : "auto");
}
最大宽度
.max_width{
max-width:600px;
/*sets max-width for IE...
