Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

¸Ä±äÒ³ÃæÊ¹ÓõÄ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>


Ïà¹ØÎĵµ£º

IE7ÖÐÉú³É¸ßÖÊÁ¿CSSËõÂÔͼ¼¼ÇÉ

ÔÚǰ¶Ë¿ª·¢ÖУ¬ÎÒÃǾ­³£Óöµ½ÕâÑùµÄÇé¿ö£º·þÎñÆ÷´«µ½Ç°¶ËµÄͼƬÐèÒªËõСÒÔÏÔʾ£¨ÈçÏ£©£¬ÔÚ½«ÆäËõ·ÅÖ®ºó£¬IEÖÐͼƬЧ¹û²»ÈÝÀÖ¹Û¡£
<img class="thumb" src=http://www.webyi.com/wschool/wdesign/CSS/20090905/"pic.jpg" alt="This image is really 500x500 big" width="50" height="50" />
IE7Ö§³Ö×Ô¶¨ÒåË«Èý´Î&ldq ......

CSS HACK:ä¯ÀÀÆ÷¼æÈݵÄһЩд·¨

CSS HACK:ä¯ÀÀÆ÷¼æÈݵÄһЩд·¨
ÈËÒ»µ©Ï°¹ßÁËijЩ¶«Î÷¾ÍºÜÄÑÈ¥¸Ä£¬ÒÔ¼°¸÷ÖÖ¸÷ÑùµÄÔ­Òò£¬ÐµÄä¯ÀÀÆ÷Ô½À´Ô½¶à£¬¶øÀϵÄ×ÜÌÔÌ­²»ÁË¡£Ôö³¤×ÜÊÇ¿ìÓÚÏûÍöµ¼ÖÂÁËä¯ÀÀÆ÷¼æÈÝÊdzÉÁË̸²»ÍêµÄ»°Ì⡣˵µ½ä¯ÀÀÆ÷¼æÈÝ£¬CSS HACK×ÔÈ»¶øÈ»µØ±»ÎÒÃÇÏëÆð¡£½ñÌ죬ÎÒÃÇͨ³£¶¼ÓÐÒ»¸öÍŶӻòÕß½«ÓÐÒ»¸öÍŶӵÄÈËÔÚÒ»¸ö¹«Ë¾ÀïÃæ×öÏàͬµÄÊ£¬ÐèÒªÎÒÃÇÓ ......

µãµãµÎµÎ(CSS)

CSS important
    .dialog{margin:4px !important;margin:1px;} /* IEÒÔ×îºó³öÏÖµÄΪ׼, Firefox|Opera|SafariÒÔ!importantΪ׼ */
CSS DIV°ë͸Ã÷
    filter: alpha(opacity=50); /*IEÖ§³Ö(·¶Î§0-100)*/
    opacity: 0.50; /*·ÇIEÖ§³Ö(·¶Î§0-1)*/
    ......

CSSÑùʽ±íÔÚÍøÒ³Éè¼ÆÖеÄÌØÐÔ


¡¡¡¡Ïë³ÉΪһÃûCSSר¼Ò£¬½ö½öÊìÁ·Ê¹ÓÃCSSÑ¡Ôñ·û(selectors)ÊÇÔ¶Ô¶²»¹»µÄ¡£»¹ÔÚÓÚ¶Ô¹¤×÷µÄÕûÌ广»®£¬¹¤×÷Á÷³ÌµÄÕÆÎÕÒÔ¼°Ìá¸ßÑùʽ±íµÄ¿Éά»¤ÐÔºÍЧÂÊ¡£ÓÃCSS¿ÉÒÔ´´½¨³öÎÒÃÇÏëÒªµÄÃÀÃî¾øÂ×µÄÍøÕ¾£¬¶øÐ´CSS±¾Éí¾ÍÊÇÒ»ÖÖÏíÊÜ¡£ ÄÇôÎÒÃÇÓ¦¸ÃÈçºÎ´´½¨¸ü¾ßÎüÒýÁ¦µÄÑùʽ±í?ÄãµÄÑùʽ±íÓ¦¸Ã¾ßÓÐÄÄÐ©ÌØÐÔÄØ?ͨ¹ýѧϰ²¢½áºÏÎÒ×Ô¼ºµÄ¹¤ ......

css±³¾°Í¼Æ¬Ïà¹Ø

                              CSS±³¾°ÊôÐÔ
±³¾°ÑÕÉ«ÊôÐÔ(background-color)
Õâ¸öÊôÐÔΪHTMLÔªËØÉ趨±³¾°ÑÕÉ«£¬Ï൱ÓÚHTMLÖÐbgcolorÊôÐÔ¡£
body {background ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ