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

¡¾DIV+CSSÈëÃŽ̡̳¿ËÄ¡¢CSSÈçºÎ¿ØÖÆÒ³Ãæ


±¾½ÚÖ÷Òª½²½â£¬Á½¸öÄÚÈÝ£¬
µÚÒ»£ºCSS
ÈçºÎ¿ØÖÆÒ³ÃæÑùʽ£¬ÓÐ
¼¸ÖÖ·½Ê½£»
µÚ¶þ£ºÕâЩ·½Ê½³öÏÖÔÚͬһ¸öÒ³ÃæʱµÄÓÅÏȼ¶¡£
      Ê¹ÓÃxHTML
+CSS
²¼¾ÖÒ³Ã棬ÆäÖÐÓиöºÜÖØÒªµÄÌصã¾ÍÊÇÄÚÈÝÓë±íÏóÏà·ÖÀ룬ÄÚÈÝÖ¸HTMLÒ³Ãæ´úÂ룬±íÏó¾ÍÊÇCSS´úÂëÁË£¬Èç¹û°ÑÒ³Ãæ¿´³É´©×ÅÒ·þµÄÈ˵Ļ°£¬È˾ÍÊÇ
HTML£¬ÊÇÄÚÈÝ£¬¶øÒ·þÄؾÍÊÇCSS£¬ÊDZí
Ïó£¬ÏÖÔÚ³öÏÖµÄÎÊÌâÊÇ£¬ÈçºÎÈÃCSSÈ¥¿ØÖÆÒ³Ã棿»òÕß˵£¬ÈçºÎÈÃÒ·þ´©ÔÚÈËÉíÉÏ£¬ºÃÌåÏÖ³öÈ˵÷ç¸ñÌØ
µã£»²»Í¬µÄCSS¾Í¿ÉÒÔʹҳÃæ³öÏÖ²»Í¬µÄ·ç¸ñÊÊÓò»Í¬µÄÍøÕ¾£¬¶ø²»Í¬µÄÒ·þ£¬ÈË´©ÉϺó¾Í»áÌåÏÖ
³ö²»Í¬µÄÖ°Òµ¡£
µÚÒ»£ºÈçºÎÈÃCSSÈ¥¿ØÖÆHTMLÒ³ÃæЧ¹ûÄØ£¿
ÓÐ
Õâô4ÖÖ·½Ê½£¬ÐÐÄÚ·½Ê½¡¢ÄÚǶ·½Ê½¡¢Á´½Ó·½Ê½¡¢µ¼È뷽ʽ
1£©ÐÐÄÚ·½Ê½
    
 ÐÐÄÚ·½Ê½ÊÇ4ÖÖÑùʽÖÐ×îÖ±½Ó×î¼òµ¥µÄÒ»ÖÖ£¬Ö±½Ó¶ÔHTML±êÇ©ÊÊÓÃstyle=""£¬ÀýÈ磺
<p style="color:#F00; background:#CCC;
font-size:12px;"></p>
ËäÈ»ÕâÖÖ·½·¨±È½ÏÖ±½Ó£¬ÔÚÖÆ×÷Ò³ÃæµÄʱºòÐèҪΪºÜ¶àµÄ±êÇ©ÉèÖÃstyleÊôÐÔ£¬ËùÒԻᵼÖÂHTMLÒ³Ãæ²»¹»´¿¾»£¬ÎļþÌå»ý¹ý´ó£¬²»ÀûÓÚËÑË÷Ö©ÖëÅÀÐУ¬´Ó¶ø
µ¼ÖºóÆÚά»¤³É±¾¸ß¡£
2£©ÄÚǶ·½Ê½
    
 ÄÚǶ·½Ê½¾ÍÊǽ«CSS´úÂëдÔÚ<head></head>Ö®¼ä£¬²¢ÇÒÓÃ<style><
/style>½øÐÐÉùÃ÷£¬ÀýÈ磺
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=gb2312" />
<title>ÎÞ±êÌâÎĵµ</title>
<style type="text/css">
<!--
#div1{width:64px; height:64px; float:left;}
#div1 img{width:64px; height:64px;}
-->
</style>
</head>
<body>
<div id="div1"><img
src="http://www.cssxuexi.cn/index/images/ico/2days.gif"
/></div>
È«¹úµÄCSS°®ºÃÕß»ã¾ÛÓÚ´Ë£¬Èç¹û²»À´£¬Äã¾ÍOUTà¶~ÎÒÃǵĿںÅÊÇ£º
“·ÖÏí×Ô¼ºµÄ»¶ÀÖÓëÍ´¿à£¬·ÖÏí×Ô¼ºµÄ¾­ÑéÓëÐĵ㬷ÖÏí×Ô¼ºµÄ×ÊÁÏÓë×ÊÔ´”
Èç¹ûÄúÒ²Ô¸Ò⣬¾Í¼ÓÈëÎÒÃÇ°É~
</bo


Ïà¹ØÎĵµ£º

³£ÓÃcssÃüÃû¹æÔò

    Í·£ºheader
¡¡¡¡ÄÚÈÝ£ºcontent/container
¡¡¡¡Î²£ºfooter
¡¡¡¡µ¼º½£ºnav
¡¡¡¡²àÀ¸£ºsidebar
¡¡¡¡À¸Ä¿£ºcolumn
¡¡¡¡Ò³ÃæÍâΧ¿ØÖÆÕûÌå²¼¾Ö¿í¶È£ºwrapper
¡¡¡¡×óÓÒÖУºleft right center
¡¡¡¡µÇ¼Ìõ£ºloginbar
¡¡¡¡±êÖ¾£ºlogo
¡¡¡¡¹ã¸æ£ºbanner
¡¡¡¡Ò³ÃæÖ÷Ì壺main
¡¡¡¡Èȵ㣺hot ......

csdn blog css×Ô¶¨ÒåÉèÖã¨×ª£©


¡¾×÷Õߣºrare¡¿
csdn blog css×Ô¶¨ÒåÉèÖÃ
¿ÉÒÔÔÚ²©¿ÍµÄÅäÖÃÒ³ÃæµÄ×Ô¶¨ÒåcssÀ¸ÖÐÌîÈëcssÑùʽ´úÂëÀ´×Ô¶¨Ò²blogµÄ·ç¸ñ
csdn blogµÄÒ³Ãæ¼Ü¹¹»ù±¾ÊÇÓÉdivʵÏֵģ¬Õû¸öÒ³ÃæÖ÷ÒªÓÉÈý¸ödiv×é³É£¬ËüÃǵÄid·Ö±ðÊÇ:
csdnblog_header, csdnblog_sidebar, csdnblog_content¡£
ËùÒÔ£¬¶¨ÒåËüÃǵÄÖ÷ÌåÑùʽ¿ÉÒÔÕâÑù:
#csdnblog_heade ......

CSS HACKÔ­Àí¼ò½é

¼ò½é¡¡¡¡
    Ê²Ã´ÊÇCSS hack(http://www.cssplay.org.cn/css-hack/index.html)ÓÉÓÚ²»Í¬µÄä¯ÀÀÆ÷£¬±ÈÈçInternet Explorer 6,Internet Explorer 7,Mozilla FirefoxµÈ£¬¶ÔCSSµÄ½âÎöÈÏʶ²»Ò»Ñù£¬Òò´Ë»áµ¼ÖÂÉú³ÉµÄÒ³ÃæЧ¹û²»Ò»Ñù£¬µÃ²»µ½ÎÒÃÇËùÐèÒªµÄÒ³ÃæЧ¹û¡£
¡¡¡¡Õâ¸öʱºòÎÒÃǾÍÐèÒªÕë¶Ô²»Í¬µÄä¯ÀÀÆ÷ ......

css×Ô¶¯½ØÈ¡×Ö·û´®

ÌṩһÖÖÓÃCSS´úÂëʵÏÖ×Ô¶¯½ØÈ¡×Ö·û´®µÄ·½·¨£º
CSS´úÂëÈçÏ£º
<style>
body{
background-color:#f4f4f4;
font-size:12px;
}
div.test{
width:200px;
height:100px;
border:1px solid red;
border-top:4px solid red;
padding:10px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
} ......

¡¾DIV+CSSÈëÃŽ̡̳¿Ò»¡¢DIV+CSSµÄ½Ð·¨ÊDz»×¼È·µÄ

µÚÒ»Õ£ºÓ¦ÖªµÀ
1.1 DIV+CSS
µÄ½Ð·¨ÊDz»×¼È·µÄ
ÎÒÏë·²ÊÇÀ´µ½“Õâ¸öרÌ┵Äͬѧ£¬ºÜ´ó²¿·ÖÊdzå×ÅDIV+CSSÀ´µÄ£¬Ä¿µÄ¾ÍÊÇѧϰ
DIV+CSSµÄ£¬ËµµÄÔÙÖ±½ÓһЩ¾ÍÊÇѧϰÈçºÎÓÃDIV+CSS²¼¾ÖÒ³Ã棬ÈçºÎ´ÓÒ»ÕÅͼƬÖÆ×÷³É±ê×¼µÄDIV+CSSÒ³Ãæ¡£
      Èç¹ûÄã¿´ÍêµÚÒ»¶Î»¹Ã»Óз¢ÏÖ´íÎóµÄ»°£¬ÄÇÄã¾ÍºÜÓб ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ