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
Ïà¹ØÎĵµ£º
1¡¢²»ÒªÊ¹ÓùýСµÄͼƬ×ö±³¾°Æ½ÆÌ¡£Õâ¾ÍÊÇΪºÎºÜ¶àÈ˶¼²»Óà 1px µÄÔÒò£¬Õâ²ÅÖªÏþ¡£¿í¸ß 1px µÄͼƬƽÆÌ³öÒ»¸ö¿í¸ß 200px µÄÇøÓò£¬ÐèÒª 200*200=40, 000 ´Î£¬Õ¼ÓÃ×ÊÔ´¡£
2¡¢Îޱ߿ò¡£ÍƼöµÄд·¨ÊÇ border:none;£¬¹þ¹þ£¬ÎÒÒ»Ö±ÔÚÓÃÕâ¸ö¡£border:0; Ö»ÊǶ¨Òå±ß¿ò¿í¶ÈΪÁ㣬µ«±ß¿òÑùʽ¡¢ÑÕÉ«»¹Êǻᱻä¯ÀÀÆ÷½âÎö£¬Õ¼ÓÃ×ÊÔ´¡£
3 ......
CSS¼òд¾ÍÊÇÖ¸½«¶àÐеÄCSSÊôÐÔÉùÃ÷»¯³ÉÒ»ÐУ¬ÓÖ³ÆÎªCSS´úÂëÓÅ»¯¡£CSS¼òдµÄ×î´óºÃ´¦¾ÍÊÇÄܹ»ÏÔ׿õÉÙ
CSSÎļþµÄ´óС£¬Æäʵ»¹ÓкܶàÆäËûÒæ´¦¡£Ó·Ö×¶øÔÓÂÒµÄCSSÑùʽ±í»áʹÄãÓöµ½ÎÊÌâÊÇÄÑÒÔµ÷ÊÔ¡£ÓÈÆäÊǵ±Ò»
¸öÍŶÓÔÚ½øÐÐÉè¼ÆµÄʱºò£¬ÄãµÄÓ·Ö×µÄCSS´úÂë»áʹÄãµÄÍŶӯäËû³ÉÔ±µÄ¹¤×÷ЧÂÊϽµ¡£
¡¡¡¡½ñÌ죬ÕûÀíÁËһЩCSS¼òÐ ......
ÔÚǰ¶Ë¿ª·¢ÖУ¬ÎÒÃǾ³£Óöµ½ÕâÑùµÄÇé¿ö£º·þÎñÆ÷´«µ½Ç°¶ËµÄͼƬÐèÒªËõСÒÔÏÔʾ£¨ÈçÏ£©£¬ÔÚ½«ÆäËõ·ÅÖ®ºó£¬IEÖÐͼƬЧ¹û²»ÈÝÀÖ¹Û¡£
<img class="thumb" src=http://www.webyi.com/wschool/wdesign/CSS/20090905/"pic.jpg" alt="This image is really 500x500 big" width="50" height="50" />
IE7Ö§³Ö×Ô¶¨ÒåË«Èý´Î&ldq ......
CSS important
.dialog{margin:4px !important;margin:1px;} /* IEÒÔ×îºó³öÏÖµÄΪ׼, Firefox|Opera|SafariÒÔ!importantΪ׼ */
CSS DIV°ë͸Ã÷
filter: alpha(opacity=50); /*IEÖ§³Ö(·¶Î§0-100)*/
opacity: 0.50; /*·ÇIEÖ§³Ö(·¶Î§0-1)*/
......