一个非常适和div+css初学者看的例子,看完之后,相信你的DIV+CSS技术一定会上一个层次 -- [DIV+CSS]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

一个非常适和div+css初学者看的例子,看完之后,相信你的DIV+CSS技术一定会上一个层次

深山行者个人网站 2008/6/24 12:35:48 深山行者字体:大中小浏览 6245

以下为详细代码

一个非常适和div+css初学者看的例子,看完之后,相信你的DIV+CSS技术一定会上一个层次<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
body {margin:0px auto;padding:0px;}

/*字段!important;*/
#main {width:300px;*width:100px;height:100px;*height:50px;_height:20px;}  /*  width:300px; 定义FF的宽度为 300px,

*width:100px; 定义IE的宽度为： 100px ，两个位置不能改变，否则不管  height:100px; 定义FF的高度为 100px *height:50px;  定义IE7

的高度为：50px _height:20px; 定义IE6 的高度为：20px;*/
#main {border:solid 2px #f00 !important;border:dashed 1px #f00;} /*ie7 ,ff 为实线 .ie6 为虚线*/
*+html #main{height:50px;}  /*在IE7 的时候高度为：50px ,其它的高度不变*/

#text {margin:50px 0 0 150px;width:350px;border : double ;border-width : 6px;}

</style>
</head>

<body>

</div>
<div id="text">
如果想看出很好的效果,一定要同时打开IE6,IE7,FF进行比较,这里主要对一些常见的浏览器hack进行比较,这样,你就会可以明显的看出效果了,呵呵,希望能够对你的DIV+CSS之路有所帮助
</div>

</body>
</html>

前一页:另外一种符合web2.0的链接打开方式--利用base打开链接

后一页:利用javascript让PNG透明图片支持支持(IE6、IE7、firefox下测试通过)