现在的位置: 首页 > 综合 > 正文

几段常用的css代码（Clearfix、锚链接伪类、斑马线、内容垂直居中）

2013年08月28日 ⁄ 综合 ⁄ 共 550字 ⁄ 字号 小 中 大 ⁄ 评论关闭

经典的CSS Clearfix

　　这个clearfix代码已在Web开发者之间广泛流传，这段类选择器要应用到持有浮动元素的容器中，确保后面的内容都不会浮动，但会被下推和清除。

1
2
3
4
5
.clearfix:after
{ content:
".";
display:
block;
clear:
both;
visibility:
hidden;
line-height:
0;
height:
0;
}
.clearfix
{ display:
inline-block;
}
 <font></font> 
html[xmlns]
.clearfix { display:
block;
}
*
html .clearfix { height:
1%;
}

升级版的Clearfix

　　在表现上，新版本和经典版本不存在什么差异，这些类可以有效地清除所有floats，但它们只兼容现代浏览器和传统的IE 6-8。

1
2
3
4
.clearfix:before,
.container:after { content:
"";
display:
table; }<font></font> 
.clearfix:after
{ clear:
both;
}
/*
IE 6/7 */
.clearfix
{ zoom: 1;
}

锚链接伪类选择器

1
2
3
4
a:link
{ color:
blue;
}
a:visited
{ color:
返回
【上篇】
【下篇】

作者:

抱歉!评论已关闭.

返回首页

Copyright © 2013-2018 学步园  保留所有权利.
软文销售 QQ客服：2265327166 点击这里给我发消息（其他合作也可洽谈）