XHTML + CSS使用技巧
2011-10-31 09:35
260 查看
1、Div水平垂直居中。
.div{position:absolute;top:50%;left:50%;width:500px;height:300px; margin-top:-150px; margin-left:-250px;
border:1px #999 solid;}
2、小下拉框箭头示例。
<div><b> </b></div>
div b{
margin: 6px 0 0 3px;
border-style: solid dashed dashed;
border-color: transparent;
border-top-color: #000;
font-size: 0;
width: 0;
height: 0;
line-height: 0; border-width: 3px 3px 0;
}
或者:
div b{
border-style:solid;
_border-style:solid dotted dotted dotted;
border-width:5px 5px 0;
display:inline-block;
border-left-color:transparent;
border-right-color:transparent;
border-left-color:transparent;
width:0; height:0;
line-height:0;
font-size:0;
overflow:hidden;
}
3、去除a链接点击后的虚线框。
添加样式方法:outline:none; (ie不适用)
js方法(jquery):
$(document).ready(function() {
$("a").bind("focus",function(){this.blur()});
}); 缺点:a:active样式在IE(6,7,8)浏览器下不支持了
.div{position:absolute;top:50%;left:50%;width:500px;height:300px; margin-top:-150px; margin-left:-250px;
border:1px #999 solid;}
2、小下拉框箭头示例。
<div><b> </b></div>
div b{
margin: 6px 0 0 3px;
border-style: solid dashed dashed;
border-color: transparent;
border-top-color: #000;
font-size: 0;
width: 0;
height: 0;
line-height: 0; border-width: 3px 3px 0;
}
或者:
div b{
border-style:solid;
_border-style:solid dotted dotted dotted;
border-width:5px 5px 0;
display:inline-block;
border-left-color:transparent;
border-right-color:transparent;
border-left-color:transparent;
width:0; height:0;
line-height:0;
font-size:0;
overflow:hidden;
}
3、去除a链接点击后的虚线框。
添加样式方法:outline:none; (ie不适用)
js方法(jquery):
$(document).ready(function() {
$("a").bind("focus",function(){this.blur()});
}); 缺点:a:active样式在IE(6,7,8)浏览器下不支持了
相关文章推荐
- CSS 优先级使用技巧
- CSS使用技巧
- css使用技巧总结
- 学无止境的CSS(xHTML+CSS技巧教程资源大全)
- 20个css使用的高级技巧
- 在XHTML文档中合适的使用CSS和JavaScript
- 技巧和诀窍:使用ASP.NET 2.0 CSS 控件适配器生成CSS友好的HTML输出
- CSS使用技巧
- css使用技巧总结
- css ie6 ie7 ff的CSS hack使用技巧
- CSS使用技巧大全 - 阮一峰的网络日志
- CSS在使用中的高级技巧汇总
- CSS整体布局声明的一些使用技巧
- 如何正确地在XHTML文档中使用JavaScript和CSS
- [转载]使用 CSS 处理文本过长和意外超出的方法和技巧
- 在XHTML文档中合适的使用CSS和JavaScript
- 微信小程序 css使用技巧总结
- css中id和class的定义格式、使用技巧及选择
- 分享:CSS使用技巧摘抄