cssÈýÖÖÑùʽ!
ÄÚ²¿Ñùʽ±í
ÄÚ²¿Ñùʽ±íÐèÒªÔÚÍøÒ³µÄ<head>²¿·Ö¶¨Ò壬¸ñʽÈçÏ£º
<head>
<style type="text/css">
/*·ûºÏCSSÓï·¨½á¹¹µÄCSSÓï¾ä£¬ÀýÈç*/
body { background-color: blue; }
</style>
</head>
ÐÐÄÚÑùʽ±í(ÄÚǶÑùʽ±í)
ÐÐÄÚÑùʽ±íÖ±½ÓÔÚ±êÇ©ÄÚ²¿¶¨Ò壬ʹÓÃstyleÊôÐÔ£¬Ð´·¨ÈçÏ£º
<±êÇ© style="·ûºÏCSSÓï·¨½á¹¹µÄCSSÓï¾ä">
ÀýÈ磺
<p style="text-indent:24px;">¶ÎÂäÄÚÈÝ</p>
ÍⲿÑùʽ±í
ʹÓÃÍⲿÑùʽ±íʱ£¬CSSÎļþÓëÍøÒ³Îļþ(html)ÊÇ·ÖÀ뿪À´µÄ¡£ÒªÈÃijһ¸öÍøÒ³µ÷ÓÃÒ»¸öÍⲿCSSÎļþ£¬ÄãÐèÒªÔÚÍøÒ³µÄ<head>²¿·Ö²åÈëÒÔÏÂÄÚÈÝ£º
<head>
<link rel="stylesheet" type="text/css"
href="ÎļþλÖÃ/ÄãµÄCSSÎļþÃû.css" />
/*ÎļþλÖþÍÊÇËù´¦ÔÚµÄÎļþ¼ÐÏà¶ÔÓëµ±Ç°ÍøÒ³µÄÏà¶Ô·¾¶*/
</head>
Ïà¹ØÎĵµ£º
×ªÔØÇë×¢Ã÷³ö´¦£º±±¾©ÍøÕ¾½¨Éè http://www.beijingjianzhan.com-Î÷Î÷¸¥Ë¹¹¤×÷ÊÒ¡£
Ëæ×ÅW3CÍøÒ³¹æ·¶µÄÓ°ÏìºÍÓÅÊÆ×é¼þÉîÈëÈËÐÄ£¬<Ëæ×ÅW3CÍøÒ³¹æ·¶µÄÓ°ÏìºÍÓÅÊÆ×é¼þÉîÈëÈËÐÄ¡£¹úÄÚÐí¶àÃÅ»§ÍøÕ¾·×·×תΪÓÃdiv+css¼¼ÊõÀ´ÖØÐ±àÐ´ÍøÕ¾Ò³Ãæ£¬¶ø¶ÔÓÚÐí¶àÒѾϰ¹ßtabl²¼¾ÖµÄ˳ÐòÔ±À´Ëµ£¬ÒªÒ»ÏÂ×Óת»»×Ô¼ºµÄ˼ά£¬ÓÃÒ»ÖÖȫеÄ˼Π......
µÚÒ»²½£º¹æ»®ÍøÕ¾£¬±¾½Ì³Ì½«ÒÔͼʾΪÀý¹¹½¨ÍøÕ¾
1.¹æ»®ÍøÕ¾£¬±¾½Ì³Ì½«ÒÔÏÂͼΪÀý¹¹½¨ÍøÕ¾¡£
µã»÷¿´´óͼ
Æä»ù±¾²¼¾Ö¼ûÏÂͼ£º
µã»÷¿´´óͼ
Ö÷ÒªÓÉÎå¸ö²¿·Ö¹¹³É£º
1.Main Navigation µ¼º½Ìõ£¬¾ßÓа´Å¥ÌØÐ§¡£ Width: 760px Height: 50px
2.Header ÍøÕ¾Í·²¿Í¼±ê£¬°üº¬ÍøÕ¾µÄlogoºÍÕ¾Ãû¡£ Width: 760px Height: 15 ......
1. CSSµÄÒªµãÊÇÔÚÄãµÄÒ³ÃæÖÐʹÓüò½àµÄHTML´úÂë,È»ºó±àдCSS"¿ØÖƹæÔò"À´Ñùʽ»¯Ò³ÃæÖеĶÔÏó.Ò³Ãæ±£³ÖÇåÎúÓÐÌõ²»ÎÉ¿´ÉÏÈ¥·Ç³£°ô.ÕâÑùÄãµÄHtmlÒ³Ãæ¿ÉÒÔÔÚÒÆ¶¯É豸ºÍ±ê×¼ä¯ÀÀÆ÷ÖÐÔËÐÐ.Õâ¾ÍÊÇCSSµÄÒªµã.
²»¹ýCSSµÄÒÕÊõÔÚÓÚÄܹ»ÀûÓÃCSS¿ØÖƹæÔò¿ìËÙÓÐЧµØ²Ù×ÝÒ³Ãæ¶ÔÏó.°ÑCSS¹æÔòÓëHTML±ê¼ÇÆ¥ÅäÆðÀ´µÄ²Ù×ö¾ÍºÃÏñÊÇÒ»ÖÖ¶ ......
1¡¢ÁбíºáÅÅ
½«liµÄÑùʽÉèÖÃΪ
li {display:block;float:left;}
2¡¢È¥³ýͼƬ´¹Ö±·½ÏòµÄ¿Õ°×
×îºÃµÄ×ö·¨ÊÇΪimg ¼ÓÉÏ vertical-alignÊôÐÔ£¬ÕâÑù¾Í¿´²»µ½¿Õ°×ÁË¡£
......
ÕâЩ¶¼ÊÇ֮ǰѧϰµÄʱºò×ܽáµÄ£¬ÏÖÔÚ°ÑËüÃǶ¼ÉÏ´«ÉÏÀ´£º
DIV+CSSÃæÊ԰˸öÌâÊÇ֮ǰÔÚÄĸöÍøÕ¾¿´µ½ÁË£¬ÏÖÔÚÔõôҲÕÒ²»µ½ÁË£¬Ë÷ÐÔ×Ô¼ºÁôÒ»·Ý°É£¡
Ò»¡¢³¬Á´½Ó·ÃÎʹýºóhoverÑùʽ¾Í²»³öÏÖµÄÎÊÌ⣿
¡¡¡¡±»µã»÷·ÃÎʹýµÄ³¬Á´½ÓÑùʽ²»ÔÚ¾ßÓÐhoverºÍactiveÁË,½â¾ö·½·¨ÊǸıäCSSÊôÐÔµÄÅÅÁÐ˳Ðò: L-V-H-A
¶þ¡¢IE6µÄË«±¶±ß¾àBUG
......