博客
资料
短消息
搜索
加为好友
成为Fans
江苏
恩来了 继续接上贴
利用字体大小的方法：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<style type="text/css">
* {margin:0;padding:0;}
div {
width:500px;text-align:center;border:1px solid #f00;line-height:500px;
height:500px;font-size:500px
}
*>div{
font-size:12px
}
div img {
vertical-align:middle
}
</style>
<div>
<img src="http://www.google.com/intl/en/images/logo.gif" />
</div>
display:inline-block 方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<style type="text/css">
div {
display:table-cell;
height:300px;
width:500px;
text-align:center;
border:1px solid #000;
vertical-align:middle
}
</style>
<!--[if IE]>
<style type="text/css">
i {
display:inline-block;
height:100%;
vertical-align:middle
}
img {
vertical-align:middle
}
</style>
<![endif]-->
<div>
<i></i>
<img src="http://www.baidu.com/img/logo.gif" alt=""/>
</div>
背景图片的方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<style type="text/css">
* {margin:0;padding:0;}
div {
width:500px;border:1px solid #f00;
height:500px;
background:url("http://www.google.com/intl/en/images/logo.gif") center no-repeat
}
</style>
<div>
</div>
 UID:547 |
|
|
Time: 07-10-26 15:59
|
暂时空缺
|
|
UID:547 |
|
|
23.如何让三列横向排列
代码1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <style> div { float:left; margin:1px; width:200px; height:200px; background:orange } </style> <div></div> <div></div> <div></div> 代码2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <style> div { position:absolute; top:50%; left:50%; margin:-100px 0 0 -300px; } </style> <div style="background:#404040;width:200px;height:200px;">1</div> <div style="background:#FD7C03;width:200px;height:200px;margin:-100px 0 0 -100px;">2</div> <div style="background:#eee;width:200px;height:200px;margin:-100px 0 0 100px;">3</div> 代码3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <style> span { margin:1px; display:-moz-inline-box; display:inline-block; width:300px; height:200px; background:orange; } </style> <span></span> <span></span> <span></span> 横向排列DIV可以使用浮动的方式比如float:left,或者用内联方式，还可以绝对定位对象等等. Time: 07-10-26 16:03
|
暂时空缺
|
|
UID:547 |
|
|
24.通用的加入收藏夹代码
<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> 经常有朋友说他的加入收藏夹代码只支持IE,上面的例子可以很好的解决这个问题,在IE6-7. FF2.0 OP9.0中测试通过 Time: 07-10-26 16:04
|
暂时空缺
|
 UID:4943 |
|
当前状态：离线
|
- -敢无视我.
Time: 07-10-26 17:09
|
 UID:4840 |
|
当前状态：离线
|
还真厉害
|
陕西
|
UID:4943 |
|
当前状态：离线
|
凉鞋就是强
Time: 07-10-30 02:12
|
|
UID:547 |
|
|
楼上的整一个拖板
Time: 07-11-09 10:40
|
暂时空缺
|
 UID:5933 |
|
当前状态：离线
|
好贴，好多平时还真没注意过。
Time: 07-11-27 11:11
|
 UID:6096 |
|
|
学习中...收藏!
Time: 07-12-20 16:50
完善始于开源,快乐源于共享 |
暂时空缺
|
 UID:937 |
|
|
收藏，有需求就来看
Time: 07-12-22 12:32
|
