cssÑùʽÏà¹Ø֪ʶС½á
¿ÉÒÔ·ÅÖÃÑùʽµÄµØ·½£ºÑùʽ±í£¬<style>ºÍstyle
Ñùʽ±íÊÇÒ»¸ö¶ÀÁ¢µÄÎļþ£¬¿ÉÒÔͨ¹ý<link>ÔªËØ»òÕßcssµÄ@importÓï¾ä°ÑËü¸½¼Óµ½Ä³¸öhtmlÎĵµÖУ¬<style>ÊÇÒ»¸öhtmlÔªËØ£¬¿ÉÒÔ°ÑËüÄÚǶÔÚhtmlÎĵµÖУ¬styleÊÇÒ»¸öÊôÐÔ£¬¿ÉÒÔÄÚÖÃÔÚÈκÎhtmlÔªËØÖС£
ÒªÏë°ÑÑùʽ±íÁ¬µ½htmlÎĵµÖУ¬ÒªÔÚhtmlÎĵµÖеÄ<head>ÇøÓòʹÓÃ<link>ÔªËØ£¬²¢°ÑÑùʽ±íµÄurl¸³¸ø<link>ÔªËصÄhrefÊôÐÔ
Ó﷨ϸ½Ú£º
1. Ó¦µ±Ê¹ÓÃunicode utf-8À´¸øcssÎļþ±àÂë
2. css´úÂëÓ¦µ±Ð¡Ð´£ºµ±ÒýÓÃxhtmlÖеÄÔªËØÃû×Ö£¬À࣬ÊôÐÔºÍIDʱ£¬Ñ¡Ôñ·ûÊÇÇø·Ö´óСдµÄ£¬cssµÄÊôÐÔºÍÖµÊDz»Çø·Ö´óСдµÄ¡£
3. ÔªËØÃû£¬ÀàºÍID Ö»ÄÜÓÉ×Öĸ£¬Êý×ÖºÍÏ»®Ïߣ¬Á¬×Ö·ûºÍ161¸ö»ò¸ü¶àUnicode×Ö·û¹¹³É£¬ÔªËØ£¬ÀàºÍIDµÄµÚÒ»¸ö×Ö·û²»ÄÜÊÇÊý×Ö»òÁ¬×Ö·û£¬ÀàÃûºÍID²»Äܺ¬Óбêµã·ûºÅ£¨³ýÁËÏ»®ÏߺÍÁ¬×Ö·û£©
4. ¿ÉÒÔͨ¹ý¶à¸öÀàÃûÓÿոñ·Ö¿ªÀ´ÎªÔªËظ³Óè¶à¸öÃû×Ö
5. ³£Á¿Öµ²»ÓÃÒýºÅ
6. ·´Ð±¸Ü(\)¿ÉÒÔÔÚijЩ²»ÄÜÖ±½ÓÏÔʾ×Ö·ûµÄµØ·½°ÉËûÃÇÏâǶ½øÈ¥¡£Èç \26B»áÔÚ×Ö·û´®»ò±êʶ·ûÖÐÏâǶ“&”
7. ×Ö·û´®¿ÉÒÔ°üÀ¨Ð¡À¨ºÅ£¬¶ººÅ£¬¿Õ¸ñ£¬µ¥ÒýºÅ£¬Ë«ÒýºÅ£¬²»¹ýËûÃǶ¼Ó÷´Ð±¸Ü½øÐÐתÒå
8. ·ÖºÅÓÃÓÚÖÕÖ¹css¹æÔòºÍ@importÓï¾ä
9. ¹æÔò¼¯ÊÇÖ¸ÔÚ´óÀ¨ºÅÖаüº¬Á˶àÌõ¹æÔò£¬Èç{color:red; font:size:small;}
10. ÓÒ´óÀ¨ºÅÁ¢¼´ÖÕÖ¹Ò»×éÊôÐÔ£¬³ý·ÇËûÊÇÏâǶÔÚ×Ö·û´®ÖУ¬Èç”}”
11. ×¢Ê͸ñʽ: “/*”¿ªÊ¼£¬“*/”½áÊø
12. ¿Õ°×£º¿Õ¸ñ(\20)£¬ÖƱíλ(\09),»»ÐУ¨\0A£©,»Ø³µ£¨\0D£©£¬»»Ò³(\0C)
¾Ñ飺
1. °ÑÑùʽ·ÅÔÚÑùʽ±íÖУ¬»á¼õÉÙhtmlÎĵµÖеķÇÄÚÈݳɷ֣¬²¢ÇÒ°ÑËùÓеÄÑùʽ·ÅÔÚ¶ÀÁ¢µÄÎļþ±ãÓÚ¹ÜÀí
2. ÓÃÒ»¸öµ¥´ÊΪÑùʽ±íÃüÃû£¬²¢ÇÒÈ«²¿Ð¡Ð´£¨Ãû×Ö¼ò½àÈÝÒ×¼ÇÒ䣬²¢ÇÒ¿ÉÒÔÈÝÒ×ÔËÐÐÔÚ²»Í¬²Ù×÷ϵͳ£©
3. ʹÓÃÒ»¸öÄÜÃèÊöÑùʽ±íʹÓÃÄ¿µÄºÍ×÷Ó
Ïà¹ØÎĵµ£º
¼¸¸öcssÔªËصļòµ¥½âÊÍ div ul dl dt oldiv£¬Õâ¸öºÜ³£¼û£¬¿é¼¶ÔªËØ£¬div¾¡Á¿ÉÙÓ㬺ÍtableÒ»Ñù£¬Ç¶Ì×Ô½ÉÙÔ½ºÃ
ol ÓÐÐòÁÐ±í¡£
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
±íÏÖΪ£º
1……
2…& ......
¼õÉÙÍøÕ¾HTTPÇëÇóÕâÊǼӿìÍøÕ¾·ÃÎÊËٶȵĹؼü£¬¶øCSS sprites¼¼ÊõÊǰѶàÕÅͼÏñ×éºÏ³ÉÒ»ÕÅͼÏñ£¬ÕâÑùÓû§ÔÚ·ÃÎÊÍøվʱһ´ÎÐ԰ѶàÕÅͼƬ¼ÓÔØÍ꣬¶ø²»ÐèÒªÒ»ÕÅÕÅͼƬµÄ¼ÓÔØ£¬ÕâÑù¼õÉÙÁË×é¼þµÄÒ³Â룬½¨Á¢¸ü·á¸»µÄÄÚÈݵÄÍøÕ¾£¬Í¬Ê±Ò²È¡µÃÁË¿ìËٵķ´Ó¦
ʱ¼ä¡£
&n ......
ÏëÐÞ¸ÄÒ»ÏÂ×Ó×Ô¼ºµÄCSS£¬ÒòΪ²©¿Í±êÌâÕýºÃ°ÑÍøҳͼƬÉϵÄÎÄ×ÖÕýºÃµµÁËÒ»²¿·Ö£¬¿´ÆðÀ´ºÜ²»Ë¬¡£×îºóȷʵÊÇÓÉ“marginÃüÁî”À´¿ØÖƵģ¬ÓÚÊÇÉÏÍøѧϰÁËÒ»ÏÂ×ÓÕâ¸öµÄÓ÷¨¡£marginÔÚÖÐÎÄÖÐÎÒÃÇ·Òë³ÉÍâ±ß¾à»òÕßÍâ²¹°×£¨±¾ÎÄÖÐÒýÓÃÍâ±ß¾à£©¡£ËûÊÇÔªËغÐÄ£ÐÍ£¨box model£©µÄ»ù´¡ÊôÐÔ¡£
Ò»¡¢marginµÄ»ù±¾ÌØÐÔ
marginÊô ......