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
Ïà¹ØÎĵµ£º
ÎÒϲ»¶3À¸²¼¾ÖµÄÍøÒ³Éè¼Æ£¬µ«ÊÇ3À¸²¼¾ÖÏà¶ÔÀ´Ëµ¾Í±È½Ï¸´ÔÓ£¬ÓÐЩÄÑÒÔ¿ØÖÆ£¬¾¡¹ÜʱÏÂÕý»ðµÄWeb2.0ËÆºõºÜÉÙ²ÉÓÃ3À¸²¼¾Ö¡£µ«Ã»¹ØÏµ£¬ÎÒÃÇÊÇ·Ç·Ç·ÇÖ÷Á÷¡£
Ê×ÏÈ£¬ÈκÎÒ»¸ö²¼¾Öͨ³£¶¼ÓÐheaders, navigation bars, content containers,
......
ÔÚ½øÐÐÒ³ÃæÉè¼ÆµÄʱºò£¬ÏàÐÅÏÂÃæÕâЩ¶«Î÷Ó¦¸ÃÄܹ»°ïÖúÄ㣬DIV+CSS£¬Ï£Íû¿ÉÒÔΪÄã½Úʡһµãʱ¼ä¡£
Ò»¡¢ ÉÆÓÃcssËõд¹æÔò
/*×¢ÒâÉÏ¡¢ÓÒ¡¢Ï¡¢×óµÄÊéд˳Ðò*/
1. ¹ØÓڱ߾ࣨ4±ß£©£º
1px 2px 3px 4px (ÉÏ¡¢Ó ......
½ñÌìÊÜһͬѧµÄίÍУ¬½ÓÁËÒÔ¸öÍøÕ¾µÄÃÀ¹¤µÄ»î£¡Ö÷ÒªÊÇ×öCSS·½ÃæÉè¼ÆµÄÎÊÌ⣬Õâ·½ÃæµÄ¶«Î÷ÎÒ»¹±È½Ïϲ»¶×ö£¬ÒòΪ¶¼ÊÇһЩÃÀºÃµÄ¶«Î÷Â²¢ÇÒËù¼û¼´ËùµÃ¡£
ÆäʵCSSÕâ¸ö¶«Î÷²¢²»ÄÑ£¬±ÈÆðËã·¨ºÍ³ÌÐòÉè¼ÆÈÝÒ×¶àÁË£¬ÄѵÃÊÇÔõôÓã¡
CSSÎ޷ǰüÀ¨¿ò¼Ü£¬²¼¾Ö£¬×ÖÌ壬ÑÕÉ«£¬ÕâËĸö²¿·Ö¡£
¸öÈ˸оõÏëѧºÃCSSûÓбðµÄ×ÅÊý£¬Ö»ÓÐÈÏÈÏÕæ ......
±¾ÈËÒ»°ãÓÃeditplusдһЩСµÄ²âÊÔ´úÂë»òÕßÀ´Ñо¿Ñ§Ï°±ðÈ˵ĴúÂ룬µ«¾³£»áÓöµ½ÕâЩÎÊÌ⣺ÏÂÔØ¹ýÀ´µÄHTML/CSS´úÂë»ìÂÒ£¬JS´úÂ뱻ѹËõ£¬»òÕßÊÇÎÒÃÇÏë°ÑÎÒÃǵĴúÂë×öÒ»ÏÂѹËõ»ìÏýÒÔ¹©·¢²¼Ê±Ê¹Óᣵ±È»£¬¶ÔÓÚ´úÂëµÄ¸ñʽ»¯ºÍ´úÂëѹËõµÈ£¬ÎÒÃǶ¼¿ÉÒÔʹÓÃרÓеŤ¾ß£¬»òÕßʹÓÃһЩÔÚÏߵŤ×÷À´×ö£¬¼ÈÈ»E ......
<style type="text/css">
/*
¸ù¾ÝinputµÄtypeÀ´¿ØÖÆcssÑùʽ
*/
/*
1.ÓÃcssµÄexpressionÅжϱí´ïʽ
Óŵ㣺¼òµ¥£¬ÇáÁ¿¼¶
ȱµã£ºexpressionÅжϱí´ïʽFireFoxÊDz»Ö§³ÖµÄ¡£ÖÂÃüµÄÊÇÖ»ÄÜÇø·Ö³öÒ»¸ö£¨ÀýÈçÀý×ÓÖоÍÖ»ÄÜÇø·Ö³ötextÎı¾¿ò£©£¬²»ÒªÊÔͼÉèÖöà¸ö£¬ÏÂÃæµÄ»á½«ÉÏÃæµÄ¸²¸Çµô
input
{
background- ......