XHTML + CSS使用技巧

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{
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）浏览器下不支持了

转载于:https://www.cnblogs.com/yeer/archive/2011/10/31/2229782.html

XHTML + CSS使用技巧相关推荐

学无止境的CSS(xHTML+CSS技巧教程资源大全)
本文里面收集一些有关CSS的技巧.教程.工具和观点等,其中一些你也许早就运用的炉火纯青,也可能有的你听都没听说过.不管是新手还是高手,大家都继续学习吧. 一,Web 标准要玩游戏,就得先了解规则.要 ...
转载：CSS hack技巧大全
原文地址:http://www.duitang.com/static/csshack.html part2 -- CSS hack技巧大全 --作者:吴雷君兼容范围: IE:6.0+,FireFox ...
CSS hack技巧大全案例演示
part1 -- 浏览器测试仪器,测试您现在使用的浏览器类型 IE6 IE7 IE8 Firefox Opera Safari (Chrome) IE6 IE7 IE8 ...
43个实例xHTML+CSS(DIV+CSS)网页及导航布局教程
在中国,很多前端javascript:;" onClick="javascript:tagshow(event, '%BF%AA%B7%A2');" target=&qu ...
转 CSS兼容技巧整理--从IE6-IE9 火狐谷歌浏览器兼容
本文收集整理了IE7,6与Fireofx的CSS兼容性处理技巧,供大家参考. CSS兼容常用技巧请尽量用xhtml格式写代码,而且DOCTYPE影响 CSS 处理,作为W3C标准,一定要加DOCTY ...
CSS兼容性技巧整理－－从IE6-IE9 火狐谷歌浏览器兼容
本文收集整理了IE7,6与Fireofx的CSS兼容性处理技巧,供大家参考. CSS兼容常用技巧请尽量用xhtml格式写代码,而且DOCTYPE影响 CSS 处理,作为W3C标准,一定要加DOCTY ...
CSS兼容性技巧整理从IE6-IE9 火狐谷歌浏览器兼容
CSS样式表对浏览器的兼容性问题有时让人很头疼,不过当我们了解了其中的原理与技巧,就会觉得轻松一些.本文收集整理了IE7,6与Fireofx的CSS兼容性处理技巧,供大家参考. CSS兼容常用技巧请 ...
div css 常用技巧
div css 常用技巧 1.给图片加上alt属性: <img src="logo.gif" alt="我的公司logo,点击返回首页" /> 2 ...
css好用吗,比较好用的 CSS 的技巧，总有一个你需要的！
原标题:比较好用的 CSS 的技巧,总有一个你需要的! 一.黑白图像当你需要让一张彩色的图片显示为黑白照片的时候,你可以用下面的一段代码. 二.使用 :not() 在菜单上应用/取消应用边框三.页 ...

XHTML + CSS使用技巧

XHTML + CSS使用技巧相关推荐

最新文章

热门文章