cssÂ˾µÖ®lightʵÏֵĵƹâЧ¹û.
Ч¹ûͼ:
Ô´Âë: ±£´æΪhtmlÎļþ, ÔÚIE6¼°ÒÔÉÏ°æ±¾IEä¯ÀÀÆ÷¿ÉÒÔÔËÐÐ....
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>LightÂ˾µ</title>
<style type="text/css">
div {
width: 400px;
height: 300px;
border: 1px solid gray;
}
#light {
-ms-filter: "progid:DXImageTransform.Microsoft.Light()";
filter: progid:DXImageTransform.Microsoft.Light();
background: #FFFFFF;
}
</style>
</head>
<body>
<center>
<div id="light">
</div>
</center>
</body>
</html>
<script type="text/javascript"&
Ïà¹ØÎĵµ£º
²Î¿¼×ÊÁÏ£ºhttp://www.blueidea.com/tech/web/2007/4546.asp£¬ÓÉdzÈëÉîÂþ̸marginÊôÐÔ - ÍøÒ³ÖÆ×÷ - À¶É«ÀíÏë
Ö±½ÓÉÏ´úÂ룺
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>aaa</title>
<style type="text/css">
html { }
......
ÏÖÔÚÍøÕ¾»»Æ¤·ôÊDZȽϳ£¼ûµÄ¹¦ÄÜ£¬´ó¶àÊýÂÛ̳¶¼Óеģ¬ÒªÏëʵÏÖÕâÑùЧ¹û¿ÉÒÔ¿´ÈçÏ´úÂ룺Html´úÂ벿·Ö:
1.ÒªÓÐÒ»¸ö´øidµÄÑùʽ±íÁ´½Ó,ÎÒÃÇҪͨ¹ý²Ù×÷Õâ¸öÁ´½ÓÀ´µ÷Óò»Í¬µÄhref.
<link href="css/main0.css" rel="stylesheet" type="text/css" id="cssfile" />
2.Ƥ·ôÑ¡Ôñ°´Å¥(ºǫ́Ϊÿ¸öliÌí¼Óonclickʼþ,´¥·¢»»· ......
Ò»¡¢YAML
´ó¼Ò±È½ÏÊìϤµÄÊÇjs¿ò¼Ü£¬ÀýÈçprototype¡¢JQueryѽ¡£ÆäʵXHTML+CSSÒ²ÊÇ
Óпò¼ÜµÄ£¬×îÖøÃûµÄ¿ÉÄܾÍÊÇYUIÁË£¬ÊÇyahoo¿ª·¢Ð¡×éµÄ¡£µ«ÊÇÄǸöÉÔ΢ÓеãÅӴ󣬶øÇÒÇ£³¶µ½Ò»Ð©µÄJS¿ò¼Ü¡£ËùÒÔ¸Õ¿ªÊ¼Ñо¿µÄʱºò¿ÉÄÜÉÔ΢ÓеãÀÛ¡£
¶øÕâ¸öYAML¾Í±È½Ïµ¥´¿ÁË¡£¿ÉÄÜÊÇÏÖÔÚ»¹ÔÚ·¢Õ¹³õÆÚËùÒÔ¿ò¼ÜºÜ¼òµ¥£¬¶«Î÷²»¶à£¬¶ÔXHMTL+CSS¿ò¼ ......
CSS ¸ÅÊö
CSS Ö¸²ãµþÑùʽ±í (Cascading Style Sheets)
Ñùʽ¶¨ÒåÈçºÎÏÔʾ HTML ÔªËØ
Ñùʽͨ³£´æ´¢ÔÚÑùʽ±íÖÐ
°ÑÑùʽÌí¼Óµ½ HTML 4.0 ÖУ¬ÊÇΪÁ˽â¾öÄÚÈÝÓë±íÏÖ·ÖÀëµÄÎÊÌâ
ÍⲿÑùʽ±í¿ÉÒÔ¼«´óÌá¸ß¹¤×÷ЧÂÊ
ÍⲿÑùʽ±íͨ³£´æ´¢ÔÚ CSS ÎļþÖÐ
¶à¸öÑùʽ¶¨Òå¿É²ãµþΪһ
Ñùʽ½â¾öÁËÒ»¸öÆÕ±éµÄÎÊÌâ
HTML ±êÇ©Ô±¾± ......
Õâ¸öϵÁпÉÄÜÐÂÊÖ¶ÁÆðÀ´±È½ÏÂý£¬µ«ÎÒ¾¡Á¿ÓÃÒ׶®µÄ·½Ê½½²½â£¬ÒòΪÎÒÔø¾ÊdzõѧÕߣ¬ÎÒÖªµÀ´ó¼ÒÏëÖªµÀʲô¡£Ò»ÕÅÍøÃæÆäʵҳÃæÄÚÈÝÊDZȽÏÖØÒªµÄ£¬Í¼ÏñÊÇÊôÓÚ½õÉÏÌí»¨£¬µ±È»ÍøÒ³µÄÅÅ°æÒ²ºÜÖØÒª¡£ÔÚCSS½ÒÃØѧϰµÄµÚÒ»Õ¾£¬Ê×ÏÈҪѧϰһÏÂÎÄ×ÖºÍÎı¾£¬Èôó¼Ò¶ÔcssÓиö³õ²½µÄÈÏʶ¡£
&nb ......