Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

CSSÅÅ´í

£¨1£©       УÑéHTMLÎĵµ£¬È·±£Óï·¨ÎÞÎó
£¨2£©       УÑéÿһ¸öcssÑùʽ±í
a)         È·±£°ÑÊʵ±µÄ¶ÈÁ¿µ¥Î»·ÅÔÚ·ÇÁã³ß´çºó£¬²¢ÇÒÔÚµ¥Î»ºÍÊý×ÖÖ®¼äûÓпոñ
b)        È·±£ÔÚÊôÐÔÃûºÍÖµÖ®¼äÖ»ÓÐÒ»¸öðºÅºÍ¿ÉÑ¡¿Õ¸ñ
c)         È·±£ÓÃÒ»¸ö·ÖºÅ×÷ΪÿÌõ¹æÔòµÄ½áÊø
£¨3£©       ʹÓÃMozilla FFµÄ´íÎó¿ØÖÆÌ¨À´²é¿´css½âÎö´íÎóµÄÁбí
£¨4£©       ºËʵѡÔñ·ûÒÑÑ¡ÔñÁËËùÓÐÄãÏëÒªµÄÔªËØ£¬²¢ÇÒ½öÏÞÓÚÄÇÐ©ÔªËØ£¨Í¨¹ý outline:2px solid invert£»¿ÉÈÝÒ׿´³ö£¬ÔÚie7²»Ö§³Öoutline,¿ÉÒÔʹÓÃborder£©
£¨5£©       ×Ðϸ¼ì²éÄÇЩû±»Ó¦ÓõĹæÔòµÄ²ãµþÓÅÏȼ¶£¬¿ÉÒÔͨ¹ýÌí¼Ó!importantÀ´ºËʵ£¬Èç¹û£¡important²ÎÓëµ½ÊôÐԵŤ×÷ÖУ¬¾Í¿ÉÄÜ»áÓöµ½²ãµþÓÅÏȼ¶ÎÊÌâ
£¨6£©       ÉóºËÑùʽ±íÖеÄÔªËØ£¬ÀàºÍIDµÄ´óСдÊÇ·ñÓëhtmlÎĵµÖÐÆ¥Å䣬ÒòΪXHTMLÊÇÇø·Ö´óСдµÄ
£¨7£©       ×Ðϸ¼ì²é¼òдÊôÐÔ
a)         ¼òдÊôÐÔ°üÀ¨£ºmargin,border,padding,background,font,list-style
b)        FontÊÇÒ»¸öÓÈÆäÈÝÒ׳öÎÊÌâµÄ¼òдÊôÐÔ£¬ÒòΪËü°ÑÌ«¶àÊôÐÔ£¨font-family, font-size.font-weight,font-variant,font-style, lint-weight£©×éºÏ³ÉÒ»¸ö£¬¶øÇÒËùÓÐÕâЩֵ¶¼±»¼Ì³Ð¡£¼´Ê¹Ö»¸øfont¸¶Ò»¸öÖµ£¬¶¼»áÁîä¯ÀÀÆ÷½«ËùÓÐÕâЩÊôÐÔ¸½ÉÏĬÈÏÖµ
c)         ºËʵä¯ÀÀÆ÷ÊÇ·ñÔØÈëÁËËùÓеÄÑùʽ±í£¬ÖðһȷÈÏÄÇЩͨ¹ýHTMLµÄ<head>µÄ<link>Óï¾äºÍÑùʽ±íÖеÄ@importÒýÈëµÄÑùʽ±í£¬
d)        ±ÜÃâʹÓÃ@importÓï¾ä£¬Èç¹ûʹÓÃÁË£¬Òª¼ì²éÊÇÊÇ·ñλÓÚÑùʽ±íµÄµÚÒ»Ïî
e)         È·ÈÏÑùʽ±í°´ÕÕÄãËùÒªÇóµÄ˳ÐòÔØÈë
f)         È·±£·þÎñÆ÷·¢Ë͵ÄcssÑùʽ±íµÄcontent-typeÍ·²¿Îªtext/css
g)        È¥µôÈκÎÒѾ­ÔÚcssÑùʽ±í³öÏÖµÄhtmlÔªËØ£¬È·±£Ã»Ó


Ïà¹ØÎĵµ£º

CSSÖг£ÓõÄʵÀý

¼¸¸öcssÔªËØµÄ¼òµ¥½âÊÍ div ul dl dt oldiv£¬Õâ¸öºÜ³£¼û£¬¿é¼¶ÔªËØ£¬div¾¡Á¿ÉÙÓ㬺ÍtableÒ»Ñù£¬Ç¶Ì×Ô½ÉÙÔ½ºÃ
ol ÓÐÐòÁÐ±í¡£
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
±íÏÖΪ£º
1……
2…& ......

CSSÐÞÊεıí¸ñ

ÏÂÃæÕâ¸öCSSÑùʽµÄ±í¸ñ£¬¸öÈ˸оõÑÕÉ«Æðµ½Á˺ܴóµÄ×÷Óá£Èç¹û²»ÊÇÁ½ÖÖÑÕÉ«µÄ¶Ô±ÈЧ¹ûºÃ£¬¿ÉÄÜÒ²¾ÍÊÇÒ»°ãµÄ±í¸ñ£º
ÏÈÀ´¿´HTML£º
<table width="590" cellspacing="1">
 <caption>
  text
 </caption>
 <thead>
<tr>
<th class="line1" scope="col">text< ......

Í·Í´µÄcss£¨div£©²¼¾Ö

ÎÒËùÓõÄÖ÷ÌâfstosÔÚÖÆ×÷ºÍ²âÊԽ׶ζ¼ÓõÄie6£¬ÒòΪÊDzÎÕÕwordpress×Ô´øµÄ¼¸¸öÖ÷ÌâдµÄ£¬µ±Ê±Ã»Óп¼ÂÇcssµÄ¼æÈÝÐÔÎÊÌ⣬·¸ÁË“´óÔ¾½ø”´íÎó£¨ÓÃfirefoxä¯ÀÀ¼òÖ±ÊDzҲ»È̶ã©£¬µ«ÓÉÓÚ¹¤×÷ºÜæҲûÓÐʱ¼äÐÞÀíËü¡£ÕâÁ½Ìì³éÁËЩʱ¼äºÃºÃ¶ÔËûÀ´Á˸ö´óÇåÀí£¬³ö˳±ã½«ÎÒÓöµ½µÄÖ÷ÒªÎÊÌâ×ܽáһϣ¬Ï£Íû¶Ô´ó¼ÒÓÐËù°ïÖú¡£
¡ ......

dz̸CSSÖÐmarginµÄÊôÐÔ¼°Ê¹Ó÷½·¨


ÏëÐÞ¸ÄÒ»ÏÂ×Ó×Ô¼ºµÄCSS£¬ÒòΪ²©¿Í±êÌâÕýºÃ°ÑÍøÒ³Í¼Æ¬ÉϵÄÎÄ×ÖÕýºÃµµÁËÒ»²¿·Ö£¬¿´ÆðÀ´ºÜ²»Ë¬¡£×îºóȷʵÊÇÓÉ“marginÃüÁî”À´¿ØÖƵģ¬ÓÚÊÇÉÏÍøÑ§Ï°ÁËÒ»ÏÂ×ÓÕâ¸öµÄÓ÷¨¡£marginÔÚÖÐÎÄÖÐÎÒÃÇ·­Òë³ÉÍâ±ß¾à»òÕßÍâ²¹°×£¨±¾ÎÄÖÐÒýÓÃÍâ±ß¾à£©¡£ËûÊÇÔªËØºÐÄ£ÐÍ£¨box model£©µÄ»ù´¡ÊôÐÔ¡£
Ò»¡¢marginµÄ»ù±¾ÌØÐÔ
marginÊô ......

css¾ºÕù¹æÔò

¾ºÕù¹æÔò£ºcssÔÊÐí¶à´Î½«Í¬Ò»¸ö¹æÔò¸³Óèij¸öÔªËØ¡£²ãµþÅÅÐò¸ù¾Ý¹æÔòÖÐʹÓõÄÑ¡Ôñ·û½«¹æÔò»®·Ö6×飬¸ßÓÅÏȼ¶×éÀïµÄ¹æÔò»á¸²¸ÇµÍÓÅÏȼ¶×éÀïµÄ¹æÔò¡£ÆÕͨµÄÑ¡Ôñ·û»áÉèÖÃÎĵµµÄ×ÜÌåÑùʽ£¬¸ü¾ßÌåµÄÑ¡Ôñ·û»á¸²¸ÇÆÕͨѡÔñ·û£¬ÒÔΪÆäÌṩ¸ü¼ÓÌØÊâµÄÑùʽ
6¸öÑ¡Ôñ·ûȺ×飺
1.       ʹÓÃ!important¹æ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ