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

2·ÖÖÓѧϰCSSÓï·¨½á¹¹

Ϊµ¥¸ö±êÇ©¶¨Ò壺
br{
    text-align: center;
    color: #000000;
    font-family:ËÎÌå;
}
Ϊbr±êǩָ¶¨ÁË3¸öÑùʽÊôÐÔ£¬°üº¬¶ÔÆä·½Ê½¡¢ÎÄ×ÖÑÕÉ«¼°×ÖÌå¡£
ÔÚÍøÒ³ÖÐÒ»¸öÿ¸öIDÖ»ÄÜʹÓÃÒ»´Î£¬È磺
<div id="main"></div>
ÔÚCSSÑùʽ±íÖУ¬IDÑ¡Ôñ·ûʹÓÃ"#"·ûºÅ½øÐбíʾ£¬Èç¹ûÐèÒª¶ÔIDΪmainµÄ±êÇ©ÉèÖÃÑùʽ
±í£¬¿ÉÒÔʹÓÃÈçϵĸñʽÀ´ÊéдÑùʽ±í¡£
#main{
        font-size: 14px;
        line-heigth: 20px;
}
ClassÑ¡Ôñ·û£º
Class Ñ¡Ôñ·ûÓëID²»Í¬µÄÊÇ£¬ClassÔÊÐíÖØ¸´Ê¹Óã¬ÈçÒ³ÃæÖеĶà¸öÔªËØ¶¼¿ÉÒÔʹÓÃͬ
Ò»¸öClass¶¨Ò壬ÀýÈ磺
<div class="font"></div>
<p class="font1"></div>
<h1 class="font1"></div>
ClassµÄ¶¨Òå:
.font1{
                margin: 10px;
                background-color: #000000;
}
ÎÞÂÛÊÇʲô±êÇ©£¬Ò³ÃæÖÐËùÓÐʹÓÃÁËclass="font1"µÄ±êÇ©¾ùʹÓôËÑùʽ½øÐÐÉèÖá£
ÀàÐÍÑ¡Ôñ·û£º
    ËùνÀàÐÍÑ¡Ôñ·û£¬ÊÇÖ¸ÒÔÍøÒ³ÕâŶ¹ÃÄïÒÑÓеıêÇ©ÀàÐÍ×÷ΪÃû³ÆµÄÑ¡Ôñ·û£¬Ëü¿ØÖÆÒ³ÃæÖÐ
    ¶ÔÓ¦µÄÑ¡Ôñ·û£¬Èçbody¡¢div»òspan,ÀýÈ磺
    body{}
    div{}
    span{}
Ⱥ×éÑ¡Ôñ·û£º
    ¶ÔÒ»×é¶ÔÏóµÄÏàͬÑùʽ½øÐж¨Ò壬È磺
        h1,h2,h3,p,span {
            font-size: 12px;
            font-family:ËÎÌå;
        }
°üº¬Ñ¡Ôñ·û£º
    ¶ÔÒÑÓеÄij¸ö¶ÔÏóÖеÄ×Ó¶ÔÏó½øÐÐÑùʽ¶¨Ò壬È磺
        ¶ÔIDÃ÷ΪmainµÄ¶ÔÏóÖеÄli×Ô¶ÔÏó½øÐÐÑùʽ¶¨Òå
        #main li{
            line-height: 25px;
         &n


Ïà¹ØÎĵµ£º

CSS Îı¾¶ÔÆë

text-align  ˮƽ¶ÔÆë  right left center
vertical-align ´¹Ö±¶ÔÆë top middle bottom
ÊôÐÔ£º
AbsBottom ͼÏñµÄϱßÔµÓëͬһÐÐÖÐ×î´óÔªËØµÄϱßÔµ¶ÔÆë¡£
AbsMiddle ͼÏñµÄÖмäÓëͬһÐÐÖÐ×î´óÔªËØµÄÖмä¶ÔÆë¡£
Baseline ͼÏñµÄϱßÔµÓëµÚÒ»ÐÐÎı¾µÄϱßÔµ¶ÔÆë¡£
Bottom ͼÏñµÄϱßÔµÓëµÚÒ»ÐÐÎı¾µÄϱ ......

CSSʵÏÖÔ²½ÇµÄ 25 ÖÖ¼¼ÇÉ·ÖÏí

Ô­ÎĵØÖ·£ºhttp://www.devwebpro.com/25-rounded-corners-techniques-with-css/
* This post is regularly updated. *
Rounded corners is one of the most popular and frequently requested
CSS techniques even the father of internet Google
also launch the rounded corners style markup
with her Google Ad ......

javascript ¿ØÖÆcss js¿ØÖÆ clss


ÏñÉÏÃæµÄÒ»ÕÅͼƬÎÒÃǸÃÔõôÓÃjs ºÍcss + div ºÜºÃµÄÓ¦Óõ½ÎÒÃǵÄÏîÄ¿ÖÐÄØ£¿
<style>
.InpuRight{
height:20px;background:url(img/msg_bg.png) no-repeat;background-position:0px -250px;
}
.InputError{
width:20px;height:20px;background:url(img/msg_bg.png) no-repeat 0px 0px;
}
.inputLogin{
wid ......

DIV CSSÉè¼ÆÊ±IE6/IE7/FF ¼æÈÝÐÔÎÊÌâ½â¾öƪ

ÔÚÍøÕ¾Éè¼ÆµÄʱºò£¬Ó¦¸Ã×¢ÒâcssÑùʽ¼æÈݲ»Í¬ä¯ÀÀÆ÷ÎÊÌâ£¬ÌØ±ðÊǶÔÍêȫʹÓÃDIV CSSÉè¼ÆµÄÍø£¬¾ÍÓ¦¸Ã¸ü×¢ÒâIE6 IE7 FF¶ÔCSSÑùʽµÄ¼æÈÝ£¬²»È»£¬ÄãµÄÍøÂÒ¿ÉÄܳöÈ¥²»Ïë³öÏÖµÄЧ¹û£¡
ËùÓÐä¯ÀÀÆ÷ ͨÓÃ
height: 100px;
IE6 רÓÃ
_height: 100px;
IE6 רÓÃ
*height: 100px;
IE7 רÓÃ
*+height: 100px;
IE7¡¢FF ¹²ÓÃ
height ......

HTML,CSS±à¼­Æ÷:Crescent Eve

Crescent Eve(http://www.kashim.com/eve/
)ÊÇÃâ·ÑµÄHTML,CSSµÄ±à¼­Æ÷.
ºÍ¼Çʱ¾ÀàËÆ,·Ç³£¼ò½à.
Ö÷ÒªÓÐÒÔÏÂ4¸ö¹¦ÄÜ
   HTMLµÄtagÊäÈëÌáʾ
   tagÊôÐÔµÄÊäÈëÌáʾ
   HTMLµÄÓï·¨¼ì²é
   HTMLÔ¤ÀÀ
Ôڱ༭HTML»­ÃæÊ±·Ç³£ÓÐÓÃ.
Crescent EveÊǷdz£Ð¡µÄÒ»¸ö±à¼­Æ÷,²Ù×÷Ò²·Ç³£¼ò ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ