div+css ÍøÒ³²¼¾Ö
½ñÌì¸Õ۵ģ¬ºÇºÇ
index.asp
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!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=gb2312" />
<title>ÍøÕ¾Ê×Ò³</title>
<link rel="stylesheet" type="text/css" href="css/styleCss.css" />
<script type="text/javascript" src="js/Comman.js"></script>
</head>
<body>
<div id="ContentAll">
<div id="CTop">
<div id="head">
<div id="Logo"><img src="images/all_03.gif" width="118" height="99" /></div>
<div id="tpright">
<div id="TpText">
<a href="javascript:void(null)" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.baidu.com/');">ÉèΪÊ×Ò³</a> <a href="javascript:void(null)" onclick="AddTest();">¼ÓÈëÊÕ²Ø</a></div>
<div id="tpflash"><img src="images/all_06.gif" width="649" height="33" /></div>
</div>
</div>
<div id="fgf">
<img src="images/all_08.gif" width="1003" height="4" /></div>
</div>
<div id="CMain">
<div id="leftside">
<div id="lftitle"><img src="images/all_11.gif" width="233" height="97" /></div>
<div id="lfmouth">
<ul>
<li onclick="changeMounth(this,'1')"><div>1<br />JAN</div></li>
<li onclick="changeMounth(this,'2')"><div>2<br />FEB</div></li>
<li onclick="changeMounth(this,'3')"><div>3<br />MAR</div></li>
</ul>
<ul>
<li onclick="changeMounth(this,'4')"><div>4<br />APR</div></li>
<li onclick="changeMounth(this,'5')"><div>5<br />MAY</div></li>
<li
Ïà¹ØÎĵµ£º
ÎÒÃǾ³£ÓÃjs¿ØÖÆCSSÑùʽ£¬´Ó¶ø´ïµ½Á¼ºÃµÄÓû§½çÃæºÍ¶¯Ì¬Ð§¹û¡£ÎÒÃǾ³£Ê¹ÓõÄÁ½ÖÖ·½Ê½£º
·½·¨1£º
var element= document.getElementById(”id”);
element.style.width=”200px”;
element.style.height=”200p ......
ÔÚ¹úÄÚÍøÕ¾ÖУ¬°üÀ¨Èý´óÃÅ»§£¬ÒÔ¼°“ÒýÁì”ÖйúÍøÕ¾Éè¼Æ³±Á÷µÄÀ¶É«ÀíÏ룬ChinaUIµÈ¶¼ÊÇʹÓÃÁËpx×÷Ϊ×ÖÌ嵥λ¡£Ö»ÓаٶȺôõ×öÁ˸ö¿Éµ÷µÄ±íÂÊ¡£¶øÔÚ´óÑó±Ë°¶£¬¼¸ºõËùÓеÄÖ÷Á÷Õ¾µã¶¼Ê¹ÓÃem×÷Ϊ×ÖÌ嵥룬Ҳ¾ÍÊǿɵ÷µÄ¡£Ã»´í£¬px±Èem¸ü¼ÓÈÝÒ×ʹÓ㬴󲿷ֶÁÕß²»ÖªµÀemΪºÎÎï»òÕßËüÏ൱ÓÚ¶àÉÙpx¡£¹úÍâÈËÊ¿Èç´ËÖØÊÓÍøÕ ......
ie6ÖÐdivµÄ¸ß¶È×Ô¶¯ÉèÖ㬵½ÁËie7ºÍie8¾Í²»ÐÐÁË£¬ÐèÒªÉèÖÃcss
/*Õë¶Ô·ÇIE*/
div:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/*Õë¶ÔIE*/
div{zoom:1;} ......
<style type="text/css">
/*
¸ù¾ÝinputµÄtypeÀ´¿ØÖÆcssÑùʽ
*/
/*
1.ÓÃcssµÄexpressionÅжϱí´ïʽ
Óŵ㣺¼òµ¥£¬ÇáÁ¿¼¶
ȱµã£ºexpressionÅжϱí´ïʽFireFoxÊDz»Ö§³ÖµÄ¡£ÖÂÃüµÄÊÇÖ»ÄÜÇø·Ö³öÒ»¸ö£¨ÀýÈçÀý×ÓÖоÍÖ»ÄÜÇø·Ö³ötextÎı¾¿ò£©£¬²»ÒªÊÔͼÉèÖöà¸ö£¬ÏÂÃæµÄ»á½«ÉÏÃæµÄ¸²¸Çµô
input
{
background- ......