¸Ä±äÒ³ÃæÊ¹ÓõÄCSSÎļþ£¬Ê¹ÍøÒ³½øÐв¼¾Ö»òÉ«µ÷µÈ¸Ä±ä
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>ÎÞ±êÌâÒ³</title>
<LINK href="../css/skin1.css" mce_href="css/skin1.css" rel="stylesheet" type="text/css">
<mce:script language="JavaScript" type="text/javascript"><!--
function changeSkin(n){
if(n==1)
document.styleSheets(0).href = "../css/skin1.css";
if(n==2)
document.styleSheets(0).href = "../css/skin2.css";
if(n==3)
document.styleSheets(0).href = "../css/skin3.css";
}
// --></mce:script>
</head>
<body>
<div>
[<A onclick="changeSkin(1)" style="cursor:hand" mce_style="cursor:hand">ÌìÀ¶°×ÔÆ</A>]
[<A onclick="changeSkin(2)" style="cursor:hand" mce_style="cursor:hand">·Ûºì»ØÒä</A>]
[<A onclick="changeSkin(3)" style="cursor:hand" mce_style="cursor:hand">ÐǹâÕÕÒ«</A>]
</div>
</body>
</html>
Ïà¹ØÎĵµ£º
CSS ÖÐÓиöÖØÒªµÄ¸ÅÄ¾ÍÊǺÐ×Óģʽ(Box model)¡£
ºÐ×ÓÀïÓÉÀïÖÁÍâÒÀ´ÎÊÇ£º
content ÄÚÈÝ(±ÈÈçÎı¾¡¢Í¼Æ¬µÈ)
padding Äڱ߾à
border ±ß¿ò
margin Íâ±ß¾à
paddingÊôÐÔÓÃÀ´ÉèÖÃÔªËØÄÚÈݵ½ÔªËر߿òµÄ¾àÀë¡£
  ......
ÏñÉÏÃæµÄÒ»ÕÅͼƬÎÒÃǸÃÔõôÓÃjs ºÍcss + div ºÜºÃµÄÓ¦Óõ½ÎÒÃǵÄÏîÄ¿ÖÐÄØ£¿
<style>
.InpuRight{
height:20px;background:url(img/msg_bg.png) no-repeat;background-position:0px -250px;
}
.InputError{
width:20px;height:20px;background:url(img/msg_bg.png) no-repeat 0px 0px;
}
.inputLogin{
wid ......
Ϊµ¥¸ö±êÇ©¶¨Ò壺
br{
text-align: center;
color: #000000;
font-family:ËÎÌå;
}
Ϊbr±êǩָ¶¨ÁË3¸öÑùʽÊôÐÔ£¬°üº¬¶ÔÆä·½Ê½¡¢ÎÄ×ÖÑÕÉ«¼°×ÖÌå¡£
ÔÚÍøÒ³ÖÐÒ»¸öÿ¸öIDÖ»ÄÜʹÓÃÒ»´Î£¬È磺
<div id="main"></div>
ÔÚCSSÑùʽ±íÖУ¬IDÑ ......
ÎÒÃÇ´Ó52CSS.comÖÐѧϰDivCSSÍøÒ³²¼¾ÖµÄ֪ʶ£¬¿ÉÊÇW3C validationÓÐʱÄÑÒÔ²Ù×÷£¬µ«ÓÃËüÄã¿ÉÒԲ鿴ÓɰæÃæÉè¼ÆÒýÆðµÄ²î´í¡£ÑéÖ¤³ÌÐòÅ׳ö´óÁ¿²î´íºÍ¾¯¸æ£¬ËµÃ÷ÄãµÄXHTMLÉÐδÍêÉÆ£¬¿ÉÄÜÎÞ·¨ÔÚ²»Í¬ä¯ÀÀÆ÷Éϱ£³ÖÒ»Ö¹¦ÄÜ¡£ÏÂÃæÊ®¸öϸ΢µÄʧЧÎÊÌâÄÑסÁË´óÅú³ÌÐòÔ±£¬±¾Îľ͸æËßÄãÈçºÎ½â¾ö¡£ÔÚ±¾ÎÄ¿ªÊ¼Ç°½éÉÜһР......