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 ºÐÄ£ÐÍ
¡¡¡¡ÍøÒ³Éè¼ÆÖеÄÿ¸öÔªËض¼Êdz¤·½ÐεĺÐ×Ó¡£ºÐ×ӵijߴçÊÇÔõÑù¾«È·¼ÆËãµÄ£¬Çë¿´ÏÂͼ£º
¡¡¡¡
¡¡¡¡Èç¹ûÊÇ Firebug Óû§µÄ»°(»ù±¾ºÍÇ°¶ËÓйصĶ¼»áÓõ½ Firebug °É – ÌÇ°éÎ÷ºìÊÁ)£¬¾Í»áºÜÊìϤÏÂÃæµÄͼ±íÁË¡£
¡¡¡¡Õâ¸öͼ±íºÜºÃµØչʾÁË×÷ÓÃÓÚÒ³ÃæÉÏÈÎÒâºÐ×ÓµÄÊýÖµ¡£
¡¡¡¡
¡¡¡¡×¢ÒâÒÔÉÏÁ½¸öÀý×ÓÖУ¬margi ......
Ó¦ÓÃÑùʽµÄ·½·¨ÓÐÈýÖÖ£ºÍⲿ(external)¡¢ÄÚ²¿(internal)ºÍÄÚÁª(inline)¡£ÆäÖÐÇ°Á½ÕߵĻù±¾¸ñʽΪ£º
selector { property £º value£» }
CSSÖпÉÒÔʹÓò»Í¬µÄselector(Ñ¡Ôñ·û)À´Ó¦ÓÃÑù ......
CSS ÖÐÓиöÖØÒªµÄ¸ÅÄ¾ÍÊǺÐ×Óģʽ(Box model)¡£
ºÐ×ÓÀïÓÉÀïÖÁÍâÒÀ´ÎÊÇ£º
content ÄÚÈÝ(±ÈÈçÎı¾¡¢Í¼Æ¬µÈ)
padding Äڱ߾à
border ±ß¿ò
margin Íâ±ß¾à
paddingÊôÐÔÓÃÀ´ÉèÖÃÔªËØÄÚÈݵ½ÔªËر߿òµÄ¾àÀë¡£
  ......
CSS HACK:ä¯ÀÀÆ÷¼æÈݵÄһЩд·¨
ÈËÒ»µ©Ï°¹ßÁËijЩ¶«Î÷¾ÍºÜÄÑÈ¥¸Ä£¬ÒÔ¼°¸÷ÖÖ¸÷ÑùµÄÔÒò£¬ÐµÄä¯ÀÀÆ÷Ô½À´Ô½¶à£¬¶øÀϵÄ×ÜÌÔ̲»ÁË¡£Ôö³¤×ÜÊÇ¿ìÓÚÏûÍöµ¼ÖÂÁËä¯ÀÀÆ÷¼æÈÝÊdzÉÁË̸²»ÍêµÄ»°Ì⡣˵µ½ä¯ÀÀÆ÷¼æÈÝ£¬CSS HACK×ÔÈ»¶øÈ»µØ±»ÎÒÃÇÏëÆð¡£½ñÌ죬ÎÒÃÇͨ³£¶¼ÓÐÒ»¸öÍŶӻòÕß½«ÓÐÒ»¸öÍŶӵÄÈËÔÚÒ»¸ö¹«Ë¾ÀïÃæ×öÏàͬµÄÊ£¬ÐèÒªÎÒÃÇÓ ......
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"& ......