欢迎来到Java学习网!
设为首页 | 加入收藏
当前位置: 首页 > Java语言 > CSS教程 >

1、IE6的双倍边距BUG:
display:inline
2、IE6下为什么图片下方有空隙产生:
解决这个BUG的方法也有很多,可以是改变html的排版,或者定义img 为display:block或者定义vertical-align属性值为vertical-align:top | bottom |middle|text-bottom 还可以设置父容器的字体大小为零,font-size:0
3、LI中内容超过长度后以省略号显示的方法:
width:200px;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis;
overflow: hidden (适用于IE与OP游览器)
4、web标准中定义id与class有什么区别吗
一.web标准中是不容许重复ID的,比如 div id="aa" 一个页面中不容许重复2次,而class 定义的是类,理论上可以无限重复的, 这样需要多次引用的定义便可以使用他.class还可以同时引用多个类,不同的类之间用空格隔开.
二.属性的优先级问题,ID 的优先级要高于class,看上面的例子
三.方便JS等客户端脚本,如果在页面中要对某个对象进行脚本操作,那么可以给他定义一个ID,否则只能利用遍历页面元素加上指定特定属性来找到它,这是相对浪费时间资源,远远不如一个ID来得简单.
5、垂直居中文本
设置高与行高一样就可以了
6、如何对齐文本与文本输入筐
设置文本框的 vertical-align:middle
7、FF下文本无法撑开容器的高度
标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?办法就是去掉height设置min-height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义:{height:auto!important;height:200px;min-height:200px;}
8、web标准中IE无法设置滚动条颜色了
body {
scrollbar-face-color:#f6f6f6;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#eeeeee;
scrollbar-3dlight-color:#eeeeee;
scrollbar-arrow-color:#000;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
} 将body换成html
9、定义1px左右高度
解决方法有很多:overflow:hidden | zoom:0.08 | line-height:1px
10、使一个层垂直居中于浏览器中
div { position:absolute; top:50%; left:50%; margin:-100px 0 0 -100px; width:200px; height:200px; border:1px solid red; }(使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二)

11、加入收藏夹代码
<script type="text/javascript">
// <![CDATA[
function bookmark(){
var title=document.title
var url=document.location.href
if (window.sidebar) window.sidebar.addPanel(title, url,"");
else if( window.opera && window.print ){
var mbm = document.createElement('a');
mbm.setAttribute('rel','sidebar');
mbm.setAttribute('href',url);
mbm.setAttribute('title',title);
mbm.click();}
else if( document.all ) window.external.AddFavorite( url, title);
}
// ]]>
</script>
<a href="javascript:bookmark()">加入收藏夹</a>(在IE6-7. FF2.0 OP9.0中测试通过)

12、复制到系统剪贴板之IE,ff兼容版
<script type="text/javascript">
// <![CDATA[
function copy_clip(copy){
if (window.clipboardData){
window.clipboardData.setData("Text", copy);}
else if (window.netscape){
netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
if (!clip) return;
var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
if (!trans) return;
trans.addDataFlavor('text/unicode');
var str = new Object();
var len = new Object();
var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
var copytext=copy;
str.data=copytext;
trans.setTransferData("text/unicode",str,copytext.length*2);
var clipid=Components.interfaces.nsIClipboard;
if (!clip) return false;
clip.setData(trans,null,clipid.kGlobalClipboard);}
alert("已复制"+copy)
return false;
}
// ]]>
</script>
<h1>请另存代码测试</h1>
<input type="text" id="ff" value=http://www.javaweb.cc/ /><button onclick="copy_clip(document.getElementById('ff').value)">复制
</button>

    相关教程
    推荐内容