CSSµÄ¼¸ÖÖÑ¡Ôñ·û
Ó¦ÓÃÑùʽµÄ·½·¨ÓÐÈýÖÖ£ºÍⲿ(external)¡¢ÄÚ²¿(internal)ºÍÄÚÁª(inline)¡£ÆäÖÐǰÁ½ÕߵĻù±¾¸ñʽΪ£º
selector { property £º value£» }
CSSÖпÉÒÔʹÓò»Í¬µÄselector(Ñ¡Ôñ·û)À´Ó¦ÓÃÑùʽ£¬ÈçÏ£º
1.
ÀàÐÍÑ¡Ôñ·û
p{
color : blue ;
}
½«ÑùʽӦÓÃÓÚËùÓÐ<p>ÔªËØ¡£
NB£ºÓÐÐ©ÔªËØ»á¼Ì³Ð¸¸ÔªËصÄÊôÐÔÖµ¡£ÀýÈ磬¶ÎÂäÀïµÄÎÄ×Ö±»ÉèΪÀ¶É«£¬Ôò¸Ã¶ÎÂäÀïemÔªËØÄÚµÄÎÄ×ÖÑÕɫҲÊÇÀ¶É«¡£
2.ÀàÑ¡Ôñ·û
.warning{
font-weight : bold ;
}
<ul>
&n
Ïà¹ØÎĵµ£º
²é¿´ÔÎÄ£ºhttp://www.csswang.com/css/110.html
µ¼º½½á¹¹ÔÚÍøÕ¾Éè¼ÆÖÐÊÇÆðµ½¾ö¶¨ÐÔ×÷Óõ쬵¼º½²Ëµ¥/À¸³£³£Í¨¹ýÑÕÉ«¡¢ÅŰ桢ÐÎ×´ºÍһЩͼƬÀ´°ïÖúÍøÕ¾´´Ôì¸üºÃµÄÊÓ¾õºÍ¸ÐÊÜ£¬ËüÊÇÍøÒ³Éè¼ÆµÄ¹Ø¼üÔªËØ¡£
¡¡¡¡ËäÈ»ÍøÕ¾µ¼º½²Ëµ¥µÄÍâ¹ÛÊÇÍøÒ³Éè¼ÆÖйØÏµµ½Õû¸öÉè¼Æ³É°ÜÓë·ñµÄ¹Ø¼ü£¬µ«ÊÓ¾õЧ¹ûÒ²²»ÄÜÓ°Ïìµ½ÍøÕ¾¿ÉÓÃÐÔ¡£×îÀíÏëµÄ ......
±¾ÎĽ«½²ÊöHTMLºÍCSSµÄ¹Ø¼ü—ºÐ×ÓÄ£ÐÍ(Box model). Àí½âBox modelµÄ¹Ø¼ü±ãÊÇmarginºÍpaddingÊôÐÔ, ¶øÕýÈ·Àí½âÕâÁ½¸öÊôÐÔÒ²ÊÇѧϰÓÃcss²¼¾ÖµÄ¹Ø¼ü.
×¢: Ϊʲô²»·ÒëmarginºÍpadding? ÔÒòÒ», ÔÚººÓïÖв¢Ã»ÓÐÓëÖ®Ïà¶ÔÓ¦µÄ´ÊÓï; ÔÒò¶þ: ¼´Ê¹ÓÐÕâÑùµÄ´ÊÓï, ÓÉÓÚÔÚ±àдcss´úÂëʱ, ±ØÐëʹÓÃmarginºÍpadding, Èç¹ûÎÒÃÇ×ÜÓà ......
1.»ù±¾Óï·¨£º
Ñ¡Ôñ·ûÃû×Ö { ÉùÃ÷; }
Ñ¡Ôñ·ûÃû×ÖÃüÃû¹æÔò£º
CSSÑ¡Ôñ·û¿ÉÒÔʹÓÃÓ¢ÎÄ×ÖĸµÄ´óдÓëСд,Êý×Ö,Á¬×ÖºÅ,Ï»®Ïß,ðºÅ,¾äºÅ.
2.·ÖÀࣺ
ÔÚAndy BuddµÄ¡¶CSS MASTERY¡·£¨ÖÐÒë¡¶¾«Í¨CSS¡·£©ÖУ¬½«CSSÑ¡Ôñ·û·ÖΪ£º³£ÓÃÑ¡Ôñ·û¡¢Í¨ÓÃÑ¡Ôñ·ûºÍ¸ß¼¶Ñ¡Ôñ·û¡£³£ÓÃÑ¡Ôñ·û°üÀ¨£ºÀàÐÍÑ¡Ôñ·û¡¢ÀàÑ¡Ôñ·û¡¢IDÑ¡Ôñ·û¡¢ºó´ ......
Ò»¡¢Ê²Ã´ÊÇDIV+CSS£¿
“DIV + CSS” ÊÇ×îÐÂWEB±ê×¼µÄÒ»¸öµäÐ͵ÄÓ¦Óá£
Ò»°ãÀ´Ëµ£¬ÍøÒ³Ö÷ÒªÓÉÈý²¿·Ö×é³É£º½á¹¹£¨Structure£©¡¢±íÏÖ£¨Presentation£©ºÍÐÐΪ£¨Behavior£©µÈ¡£ ½á¹¹Ö÷Òª°üÀ¨ÀýÈçDIVÔÚÄÚµÄһϵÁеÄHTML(XHTML)±êÇ©£¬±íÏÖÖ÷Òª°üÀ¨CSS£¨²ãµþÑùʽ±í£ºCascading Style Sheets£©£¬ ÐÐΪÖ÷Òª°üÀ¨ÀýÈç¶ÔÏóÄ£ ......
1¡¢²»ÒªÊ¹ÓùýСµÄͼƬ×ö±³¾°Æ½ÆÌ¡£Õâ¾ÍÊÇΪºÎºÜ¶àÈ˶¼²»Óà 1px µÄÔÒò£¬Õâ²ÅÖªÏþ¡£¿í¸ß 1px µÄͼƬƽÆÌ³öÒ»¸ö¿í¸ß 200px µÄÇøÓò£¬ÐèÒª 200*200=40, 000 ´Î£¬Õ¼ÓÃ×ÊÔ´¡£
2¡¢Îޱ߿ò¡£ÍƼöµÄд·¨ÊÇ border:none;£¬¹þ¹þ£¬ÎÒÒ»Ö±ÔÚÓÃÕâ¸ö¡£border:0; Ö»ÊǶ¨Òå±ß¿ò¿í¶ÈΪÁ㣬µ«±ß¿òÑùʽ¡¢ÑÕÉ«»¹Êǻᱻä¯ÀÀÆ÷½âÎö£¬Õ¼ÓÃ×ÊÔ´¡£
3 ......