Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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ÑùʽµÄ±í¸ñ£¬¸öÈ˸оõÑÕÉ«Æðµ½Á˺ܴóµÄ×÷Óá£Èç¹û²»ÊÇÁ½ÖÖÑÕÉ«µÄ¶Ô±ÈЧ¹ûºÃ£¬¿ÉÄÜÒ²¾ÍÊÇÒ»°ãµÄ±í¸ñ£º
ÏÈÀ´¿´HTML£º
<table width="590" cellspacing="1">
 <caption>
  text
 </caption>
 <thead>
<tr>
<th class="line1" scope="col">text< ......

CSS ѧϰ

¾ø¶Ô¶¨Î»µÄÔªËصÄλÖÃÏà¶ÔÓÚ×î½üµÄÒѶ¨Î»×æÏÈÔªËØ£¬Èç¹ûÔªËØûÓÐÒѶ¨Î»µÄ×æÏÈÔªËØ£¬ÄÇôËüµÄλÖÃÏà¶ÔÓÚ×î³õµÄ°üº¬¿é¡£
¶ÔÓÚ¶¨Î»µÄÖ÷ÒªÎÊÌâÊÇÒª¼ÇסÿÖÖ¶¨Î»µÄÒâÒå¡£ËùÒÔ£¬ÏÖÔÚÈÃÎÒÃǸ´Ï°Ò»ÏÂѧ¹ýµÄ֪ʶ°É£ºÏà¶Ô¶¨Î»ÊÇ“Ïà¶ÔÓÚ”ÔªËØÔÚÎĵµÖеijõʼλÖ㬶ø¾ø¶Ô¶¨Î»ÊÇ“Ïà¶ÔÓÚ”×î½üµÄÒѶ¨Î»×æÏÈÔªËØ£¬ ......

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

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

CSS³£ÓÃÊôÐÔ

Òª×ö¸öBSµÄÍøÕ¾ÏîÄ¿£¬¶ñ²¹Ò»ÏÂCSS¡£
CSS³£ÓÃÊôÐÔ£º
×ÖÌåÊôÐÔ
£º(font)
´óС font-size: x-large;(ÌØ´ó) xx-small;(¼«Ð¡) Ò»°ãÖÐÎÄÓò»µ½£¬Ö»ÒªÓÃÊýÖµ¾Í¿ÉÒÔ£¬µ¥Î»£ºPX¡¢PD
Ñùʽ font-style: oblique;(ƫбÌå) italic;(бÌå) normal;(Õý³£)
ÐÐ¸ß line-height: normal;(Õý³£) µ¥Î»£ºPX¡¢PD¡¢EM
´Öϸ font-weight: bold ......

cssÑùʽÏà¹Ø֪ʶС½á

¿ÉÒÔ·ÅÖÃÑùʽµÄµØ·½£ºÑùʽ±í£¬<style>ºÍstyle
Ñùʽ±íÊÇÒ»¸ö¶ÀÁ¢µÄÎļþ£¬¿ÉÒÔͨ¹ý<link>ÔªËØ»òÕßcssµÄ@importÓï¾ä°ÑËü¸½¼Óµ½Ä³¸öhtmlÎĵµÖУ¬<style>ÊÇÒ»¸öhtmlÔªËØ£¬¿ÉÒÔ°ÑËüÄÚǶÔÚhtmlÎĵµÖУ¬styleÊÇÒ»¸öÊôÐÔ£¬¿ÉÒÔÄÚÖÃÔÚÈκÎhtmlÔªËØÖС£
ÒªÏë°ÑÑùʽ±íÁ¬µ½htmlÎĵµÖУ¬ÒªÔÚhtmlÎĵµÖеÄ<head> ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ