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

½øÐÐÒ³ÃæÉè¼Æ£¬·ÖÏíDIV+CSSһЩС¹æÔò

ÔÚ½øÐÐÒ³ÃæÉè¼ÆµÄʱºò£¬ÏàÐÅÏÂÃæÕâЩ¶«Î÷Ó¦¸ÃÄܹ»°ïÖúÄ㣬DIV+CSS£¬Ï£Íû¿ÉÒÔΪÄã½Úʡһµãʱ¼ä¡£
Ò»¡¢           ÉÆÓÃcssËõд¹æÔò
    /*×¢ÒâÉÏ¡¢ÓÒ¡¢Ï¡¢×óµÄÊéд˳Ðò*/
1.      ¹ØÓڱ߾ࣨ4±ß£©£º
1px 2px 3px 4px (ÉÏ¡¢ÓÒ¡¢Ï¡¢×ó)
1px 2px 3px    £¨Ê¡ÂÔµÄ×óµÈÓÚÓÒ£©
1px 2px         (Ê¡ÂÔµÄÉϵÈÓÚÏÂ)
1px            £¨Ëı߶¼Ïàͬ£©
 
2.      ¼ò»¯ËùÓУº
*/ body{margin:0}------------±íÊ¾ÍøÒ³ÄÚËùÓÐÔªËØµÄmarginΪ0
#menu{ margin:0}------------±íʾmenuºÐ×ÓϵÄËùÓÐÔªËØµÄmarginΪ0
 
3.      Ëõд£¨border£©Ìض¨Ñùʽ£º
Border:1px solid #ffffff;
Border-width:0 1px 2px 3px;
 
4.      ¹ØÓÚÎÄ×ÖµÄËõд¹æÔò£º
Font-style:italic; бÌåÐÎʽ
Font-variant:small-caps/normal; ±äÌåÑùʽ£ºÐ¡ÐÍ´óд×Öĸ/Õý³£
Font-weight:bold;
Font-size:12px;
Line-height:1.2em(120%)/1.5em(150%);
Font-family:arrial,sans-serif,verdana;
Ëõд³É£º
Font:italic small-caps bold 12px/1.5em arrial,sans-serif;
×¢Ò⣺Font-sizeºÍLine-heightÓÃб¸Ü×éºÏÔÚÒ»Æð²»ÄÜ·Ö¿ªÐ´¡£
 
5.      ¹ØÓÚ±³¾°Í¼Æ¬µÄ£º
Background:#FFF url(log.gif) no-repeat fixed top left;
 
6.      ¹ØÓÚÁÐ±í£º
List-style-type:square/none;
List-style-position:inside;
List-style-image:url(filename.gif);
Ëõд³É£º
List-style:none inside url(filename.gif);
 
 
 
¶þ¡¢           ÔËÓÃ4ÖÖ·½·¨À´ÒýÈëCSSÑùʽ
     1.link
<link rel=”stylesheet” type=”text/css” href=”a.css”>
rel ¹ØÏµ
type Êý¾ÝÀàÐÍ,ÓжàÖÖ
href ·¾¶
²¿·Öä¯ÀÀÆ÷Ö§³ÖºòÑ¡Ñùʽ,¹Ø¼ü×Ö:alternate:
<link rel=”stylesheet” type=”text/css” href=”a.css”>
<link rel=”alternate stylesheet&


Ïà¹ØÎĵµ£º

csdn²©¿ÍµÄcssÑùʽ v11

°æÈ¨ÉùÃ÷£ºÔ­´´×÷Æ·£¬ÔÊÐí×ªÔØ£¬×ªÔØÊ±ÇëÎñ±ØÒÔ³¬Á´½ÓÐÎʽ±êÃ÷ÎÄÕÂԭʼ³ö°æ¡¢×÷ÕßÐÅÏ¢ºÍ±¾ÉùÃ÷¡£·ñÔò½«×·¾¿·¨ÂÉÔðÈΡ£http://blog.csdn.net/mayongzhan - ÂíÓÀÕ¼,myz,mayongzhan
Êé½ÓÉϻأ¬ÉÏ´Î˵µ½Ï´θüÐÂÊǺܾúܾÃÖ®ºóµÄÊ£¬¹û²»ÆäÈ»£¬È·ÊµÊǾÃÁËÒ»µã£¬Ò²Õý˵Ã÷csdnÔÚÎȶ¨ÖÐǰ½ø¡£½ñÌì·¢ÏÖÔ­À´ÔÚ²©¿ÍÓÒÏÂµÄ¹ã¸æ¿ò£¬ÏÖÔ ......

ÓÃjs¸Ä±äcssÑùʽ

<style>
.a
{
background-color:#000000;
}
.b
{
background-color:#ffffff;
}
</style>
<ul>
<li id="aaa1"  onclick="setClassName(this,'a')"> <a href="#">aaaa</a> </li>
<li id="aaa2"  onclick="setClassName(this,'a')"> <a href="#"&g ......

DIV+CSSÃæÊ԰˸öÌâ

ÕâЩ¶¼ÊÇ֮ǰѧϰµÄʱºò×ܽáµÄ£¬ÏÖÔÚ°ÑËüÃǶ¼ÉÏ´«ÉÏÀ´£º
DIV+CSSÃæÊ԰˸öÌâÊÇ֮ǰÔÚÄĸöÍøÕ¾¿´µ½ÁË£¬ÏÖÔÚÔõôҲÕÒ²»µ½ÁË£¬Ë÷ÐÔ×Ô¼ºÁôÒ»·Ý°É£¡
Ò»¡¢³¬Á´½Ó·ÃÎʹýºóhoverÑùʽ¾Í²»³öÏÖµÄÎÊÌ⣿
¡¡¡¡±»µã»÷·ÃÎʹýµÄ³¬Á´½ÓÑùʽ²»ÔÚ¾ßÓÐhoverºÍactiveÁË,½â¾ö·½·¨ÊǸıäCSSÊôÐÔµÄÅÅÁÐ˳Ðò: L-V-H-A
¶þ¡¢IE6µÄË«±¶±ß¾àBUG ......

cssÈýÖÖÑùʽ!

ÄÚ²¿Ñùʽ±í
ÄÚ²¿Ñùʽ±íÐèÒªÔÚÍøÒ³µÄ<head>²¿·Ö¶¨Ò壬¸ñʽÈçÏ£º
<head>
<style type="text/css">
/*·ûºÏCSSÓï·¨½á¹¹µÄCSSÓï¾ä£¬ÀýÈç*/
body { background-color: blue; }
</style>
</head>
ÐÐÄÚÑùʽ±í(ÄÚǶÑùʽ±í)
ÐÐÄÚÑùʽ±íÖ±½ÓÔÚ±êÇ©ÄÚ²¿¶¨Ò壬ʹÓÃstyleÊôÐÔ£¬Ð´·¨ÈçÏ£º ......

ʹÓÃCSSÑùʽ clear:both ʵÏÖdiv²»²¢ÅÅ

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ÎÞ±êÌâÎĵµ</title>
<style type="text/css">
#wai{
 width:500px;
 height:500px;
 background-color: #990;
}
#nei {
 float:left;
 width:200p ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ