´«ÖDz¥¿Íѧϰ×ܽá CSS²ãµþÑùʽ±í
CSS(Cascading Style Sheets)²ãµþÑùʽ±í×÷ÓÃÊǽ«ÍøÒ³ÄÚÈݺÍÏÔʾÑùʽ½øÐзÖÀ룬Ìá¸ßÁËÏÔʾ¹¦ÄÜ¡£
CSS´úÂë¸ñʽ£º
Ñ¡ÔñÆ÷Ãû³Æ { ÊôÐÔÃû£ºÊôÐÔÖµ£»ÊôÐÔÃû£ºÊôÐÔÖµ£»……}
Ñ¡ÔñÆ÷£¨¶Ô²»Í¬µÄHTML±êÇ©½øÐпØÖÆ£¬²¢¸³Óè¸÷ÖÖÑùʽÉùÃ÷£¬¼´¿ÉʵÏÖ¸÷ÖÖЧ¹û£©£º
±êǩѡÔñÆ÷£º
Àý£º<style type ="text/css">
h1{
¡¡color:red;
¡¡font-size:25px;
}
</style>
ÀàÑ¡ÔñÆ÷£¨ÔÚ±êÇ©Öж¨ÒåclassÊôÐÔ²¢¸³Öµ¡£Í¨¹ý±êÇ©Ãû.classÖµ¶Ô¸Ã±êÇ©½øÐÐÑùʽÉèÖã¬Ïàͬ±êÇ©ÉèÖò»Í¬ÑùʽµÄʱºò£¬ÓÃclass½øÐÐÇø·Ö¡£²»Í¬±êÇ©½øÐÐÏàͬÉèÖõÄʱºò£¬ÓÃclass½øÐÐͳһ¶¨Ò壩
Àý£º<style type="text/css">
.title{
color:blue;
font-size:12px;
}
</style>
<p class="title">ÀàÑ¡ÔñÆ÷</p>
IDÑ¡ÔñÆ÷£º(ʹÓ÷½·¨¸úclassÑ¡ÔñÆ÷»ù±¾Ïàͬ,¸ñʽΪ#IDÖµ)
Àý£º<style type="text/css">
#title{
Ïà¹ØÎĵµ£º
ΪÁËÌá¸ßÍøÕ¾µÄ¼ÓÔØËÙ¶È£¬ÓÐÒ»¸öºÜÖØÒªµÄÊֶξÍÊÇÔÚÓû§ä¯ÀÀ¹ý³ÌÖеÄÉÏÓÎÍøÕ¾×öÒ»¸öÎļþµÄÔ¤¼ÓÔØ¡£Ô¤¼ÓÔØÎļþÒ»°ãÓÐÁ½ÖÖ³£Óõķ½Ê½£ºxhrºÍ¶¯Ì¬²åÈë½ÚµãµÄ·½Ê½¡£¶¯Ì¬²åÈë½ÚµãÊÇ×îΪ¼òµ¥Ò²×îΪ¹ã·ºµÄÒ»ÖÖÒì²½¼ÓÔØ·½Ê½(ÀýÈçyuiµÄGetÄ£¿é)£¬È»ºóʹÓö¯Ì¬²åÈë½Úµã·½·¨¼ÓÔØµÄÎļþ¶¼»áÔÚ¼ÓÔØºóÁ¢¼´Ö´ÐУ¬javascriptµÄÖ´ÐÐÒ»·½Ãæ»áÕ ......
ÎÒÔÚµÚ¾ÅÇø ÉÏ·¢±íÁËÕâ¸öϵÁеıʼǣ¬²¢ÉÏ´«ÁËÔ×÷µç×ÓÊ飬½ñÌìÓпգ¬×ªÒ»Ï¹ýÀ´¡£
µÚÒ»Õ¡¢»ù´¡ÖªÊ¶
1.1Éè¼Æ´úÂëµÄ½á¹¹
Éè¼Æ´úÂëʱӦ¸ÃʹÓÃÓÐÒâÒåµÄ±ê¼Ç£¬±ÈÈ磬xHTMLÀï°üº¬ºÜ¶àÓÐÒâÒåµÄÔªËØ£¬Èçh1¡¢ul¡¢strong¡¢theadµÈµÈ£¬Ó¦ÓÃʹÓÃËùÓÐÒâÒåºÏÊʵÄÔªËØ£»µ±ÏÖÓÐÔªËØ²»×ãÒÔÃèÊöÒ³ÃæÄÚÈÝʱ£¬¿ÉÒÔÓÃid»òÊÇclassÀ´¸³ÓèËüÃǶ ......
ÎÒÔÚwww.c09.com ·¢±íÁËÕâ¸ö±Ê¼Ç²¢ÉÏ´«ÁËÔÖøµÄPDF£¬½ñÌìÓпգ¬×ªµ½BLOGÉÏÀ´¡£
µÚÆßÕÂ ²¼¾Ö
ËùÓÐCSS²¼¾Ö¼¼Êõ¶¼ÒÀÀµÓÚÈý¸ö»ù±¾¸ÅÄ¶¨Î»¡¢¸¡¶¯ºÍ¿Õ°×±ß²Ù×Ý
7.1 ÈÃÉè¼Æ¾ÓÖÐ[code]
<body>
<div id='wrapper'>
</div>
</body>
/*×îÃ÷Á˵ľÓÖз½°¸£¬¿ÉϧIE6²»Ö§³Ö*/
#wrapper{
  ......
ÎÒÔÚwww.c09.com ·¢±íÁËÕâ¸ö±Ê¼Ç²¢ÉÏ´«ÁËÔÖøµÄPDF£¬½ñÌìÓпգ¬×ªµ½BLOGÉÏÀ´¡£
ÕÐÊýºÍ¹ýÂËÆ÷
IEµÄÓÐÌõ¼þ×¢ÊÍ£º½öÓÃÕâÒ»Ï¾Í¿ÉÒÔ½â¾öIEµÄ¼æÈÝÎÊÌ⣬ÖÁÓÚÆäËüä¯ÀÀÆ÷µÄ²»Í¬°æ±¾£¬ÎÒÃÇÍêÈ«¿ÉÒÔºöÂÔ²»¼Æ¡£[code]
/*ÓÐÌõ¼þ×¢ÊͽöÔÚIEÖÐÖ§³ÖÇÒIE5ÒÔºóµÄËùÓа汾¾ùÖ§³Ö*/
<!--[if IE]
<style type='text/css'>
@im ......
¶¨ÒåºÍÓ÷¨
line-height ÊôÐÔÉèÖÃÐмäµÄ¾àÀ루Ðиߣ©¡£
×¢ÊÍ£º²»ÔÊÐíʹÓøºÖµ¡£
˵Ã÷
¸ÃÊôÐÔ»áÓ°ÏìÐпòµÄ²¼¾Ö¡£ÔÚÓ¦Óõ½Ò»¸ö¿é¼¶ÔªËØÊ±£¬Ëü¶¨ÒåÁ˸ÃÔªËØÖлùÏßÖ®¼äµÄ×îС¾àÀë¶ø²»ÊÇ×î´ó¾àÀë¡£
line-height Óë font-size µÄ¼ÆËãÖµÖ®²î£¨ÔÚ CSS ÖгÉΪ“Ðмä¾à”£©·ÖΪÁ½°ë£¬·Ö±ð¼Óµ½Ò»¸öÎı¾ÐÐÄÚÈݵĶ¥²¿ºÍµ× ......