Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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ºÐÄ£ÐÍÏêϸ½²½â

CSS ºÐÄ£ÐÍ
¡¡¡¡ÍøÒ³Éè¼ÆÖеÄÿ¸öÔªËض¼Êdz¤·½ÐεĺÐ×Ó¡£ºÐ×ӵijߴçÊÇÔõÑù¾«È·¼ÆËãµÄ£¬Çë¿´ÏÂͼ£º
¡¡¡¡
¡¡¡¡Èç¹ûÊÇ Firebug Óû§µÄ»°(»ù±¾ºÍÇ°¶ËÓйصĶ¼»áÓõ½ Firebug °É – ÌÇ°éÎ÷ºìÊÁ)£¬¾Í»áºÜÊìϤÏÂÃæµÄͼ±íÁË¡£
¡¡¡¡Õâ¸öͼ±íºÜºÃµØչʾÁË×÷ÓÃÓÚÒ³ÃæÉÏÈÎÒâºÐ×ÓµÄÊýÖµ¡£
¡¡¡¡
¡¡¡¡×¢ÒâÒÔÉÏÁ½¸öÀý×ÓÖУ¬margi ......

CSSµÄ¼¸ÖÖÑ¡Ôñ·û

      Ó¦ÓÃÑùʽµÄ·½·¨ÓÐÈýÖÖ£ºÍⲿ(external)¡¢ÄÚ²¿(internal)ºÍÄÚÁª(inline)¡£ÆäÖÐÇ°Á½ÕߵĻù±¾¸ñʽΪ£º
            selector { property £º value£» }
      CSSÖпÉÒÔʹÓò»Í¬µÄselector(Ñ¡Ôñ·û)À´Ó¦ÓÃÑù ......

CSSµÄºÐ×Óģʽ(Box Model)

      CSS ÖÐÓиöÖØÒªµÄ¸ÅÄ¾ÍÊǺÐ×Óģʽ(Box model)¡£
      ºÐ×ÓÀïÓÉÀïÖÁÍâÒÀ´ÎÊÇ£º
content ÄÚÈÝ(±ÈÈçÎı¾¡¢Í¼Æ¬µÈ)
padding Äڱ߾à
border ±ß¿ò
margin Íâ±ß¾à
      paddingÊôÐÔÓÃÀ´ÉèÖÃÔªËØÄÚÈݵ½ÔªËر߿òµÄ¾àÀë¡£
   ......

CSS HACK:ä¯ÀÀÆ÷¼æÈݵÄһЩд·¨

CSS HACK:ä¯ÀÀÆ÷¼æÈݵÄһЩд·¨
ÈËÒ»µ©Ï°¹ßÁËijЩ¶«Î÷¾ÍºÜÄÑÈ¥¸Ä£¬ÒÔ¼°¸÷ÖÖ¸÷ÑùµÄÔ­Òò£¬ÐµÄä¯ÀÀÆ÷Ô½À´Ô½¶à£¬¶øÀϵÄ×ÜÌÔÌ­²»ÁË¡£Ôö³¤×ÜÊÇ¿ìÓÚÏûÍöµ¼ÖÂÁËä¯ÀÀÆ÷¼æÈÝÊdzÉÁË̸²»ÍêµÄ»°Ì⡣˵µ½ä¯ÀÀÆ÷¼æÈÝ£¬CSS HACK×ÔÈ»¶øÈ»µØ±»ÎÒÃÇÏëÆð¡£½ñÌ죬ÎÒÃÇͨ³£¶¼ÓÐÒ»¸öÍŶӻòÕß½«ÓÐÒ»¸öÍŶӵÄÈËÔÚÒ»¸ö¹«Ë¾ÀïÃæ×öÏàͬµÄÊ£¬ÐèÒªÎÒÃÇÓ ......

XMLÓëCSSÀàÑ¡Ôñ·ûµÄʹÓÃ

Class.xml
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="class.css"?>
<bookdetail>
<book class="A">
<author>²ÜÑ©ÇÛ</author>
<title>ºìÂ¥ÃÎ</title>
<price>60.00</price>
</book>
<book class="A"& ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ