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

CSSÕûÀí

1.         Ñùʽ±íµÄ¼ò½é£ºÑùʽ±íÓÉÑùʽ¹æÔò×é³É£¬ÕâЩ¹æÔò¸æËßä¯ÀÀÆ÷ÈçºÎÏÔʾÎĵµ¡£
¸ù¾ÝÑùʽ±íËùÔÚλÖ㬿ɷÖΪÐÐÄÚÑùʽ¡¢ÄÚǶÑùʽ±í¡¢ÍⲿÑùʽ±í
Ø         Ñùʽ±íµÄ»ù±¾Óï·¨
1£®  Ñùʽ¹æÔò£ºh2{color:limegreen;}
                 ÆäÖУºh2£ºÑ¡ÔñÆ÷  color£ºÊôÐÔ   limegreen£ºÊôÐÔÖµ                     
2£®  Ñùʽ±í£¬ÀýÈ磺   
<style>----------------Ñùʽ±êÇ©
H2{color:green;font-family:System;}
</style>
Ø         Ñùʽ±íµÄ³£ÓÃÊôÐÔ£º
ÊôÐÔ
CSSÃû³Æ
˵Ã÷
ÑÕÉ«
Color
ÉèÖûò¼ìË÷Îı¾µÄÑÕÉ«
±³¾°ÊôÐÔ
background-color
ÉèÖûò¼ìË÷¶ÔÏóµÄ±³¾°ÑÕÉ«
background-image
ÉèÖûò¼ìË÷±³¾°Í¼Ïó
×ÖÌåÊôÐÔ
font-family
ÉèÖûò¼ìË÷Îı¾µÄ×ÖÌå
font-size
ÉèÖûò¼ìË÷Îı¾×ÖÌåµÄ´óС
font-style
ÉèÖûò¼ìË÷Îı¾µÄ×ÖÌåÑùʽ¡£È磺бÌå
Îı¾ÊôÐÔ
text-align
ÉèÖûò¼ìË÷Îı¾µÄ¶ÔÆë·½Ê½£¬°üÀ¨£º×ó¶ÔÆëµÈ
text-indent
ÉèÖûò¼ìË÷Îı¾µÚÒ»ÐеÄËõ½øÁ¿
vertical-align
ÉèÖûò¼ìË÷Îı¾µÄ×ÝÏòλÖÃ
±ß¿òÊôÐÔ
border-style
ÉèÖûò¼ìË÷±ß¿òÑùʽ
border-with
ÉèÖûò¼ìË÷±ß¿òµÄ¿í¶È
border-bottom
ÉèÖûò¼ìË÷ϱ߿òµÄÊôÐÔ
border-color
ÉèÖûò¼ìË÷±ß¿òÑÕÉ«
¶¨Î»ÊôÐÔ
width
ÉèÖûò¼ìË÷¶ÔÏóµÄ¿í¶È
height
ÉèÖûò¼ìË÷¶ÔÏóµÄ¸ß¶È
left
ÉèÖûò¼ìË÷¶ÔÏóµÄ×ó¶¨Î»
top
ÉèÖûò¼ìË÷¶ÔÏóµÄ¶¥²¿¶¨Î»
position
ÉèÖûò¼ìË÷¶ÔÏóµÄ¶¨Î»ÐÎʽ
z-index
ÉèÖûò¼ìË÷¶ÔÏóµÄ¶Ñµþ˳Ðò
 
 
2.         ÐÐÄÚÑùʽ±í£ºÐÐÄÚÑùʽʹÓÃÔªËØ±êÇ©µÄSYTLEÊôÐÔ¶¨Òå¡£ÀýÈ磺
<p style=”color:red;font-family:Times New Roman;font-weght:bold”>………</p>
3.         ÄÚǶÑùʽ±í£ºÒ²³ÆÎªÇ¶ÈëÑùʽ±í£¬ÄÚǶÑùʽ±í·ÅÖÃÔÚ<head>±êÇ©ÄÚ¡£Ê¹ÓøñʽÈçÏ£º
<head>
<style type=&rdquo


Ïà¹ØÎĵµ£º

¼æÈÝIE¸÷°æ±¾µÄ´¿CSS¶þ¼¶ÏÂÀ­²Ëµ¥

ÕâÊÇÒ»¸ö±ê×¼µÄCSSÏÂÀ­²Ëµ¥ÖÆ×÷½Ì³Ì£¬ÓÐÕë¶ÔĿǰÁ÷ÐеÄIE6/IE7/IE8²»Í¬°æ±¾µÄCSS´úÂ룬Òò´Ë¿ÉÒÔÔÚIEÖ®¼äÍêÈ«¼æÈÝ£¬²»¹ýÆäËüµÄä¯ÀÀÆ÷Ïñ»ðºü/GGä¯ÀÀÆ÷Ö®ÀàµÄûÓвâÊÔ£¬Èç¹û¼æÈÝIE8µÄ»°£¬ÄÇô¼æÈÝ»ðºüÓ¦¸ÃÎÊÌâ²»´ó°É¡£²Ëµ¥Ê¹ÓÃÀ¶É«»ùµ÷£¬»¬Ïò¶þ¼¶²Ëµ¥¸ü»»±³¾°£¬²Ù×÷µÄ¸Ð¾õºÜÊæ·þ¡£
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XH ......

¡¾DIV+CSSÈëÃŽ̡̳¿Îå¡¢CSSÑ¡ÔñÆ÷

ÉϽڿÎÎÒÃǽ²ÁËÒ»ÏÂCssͨ¹ýʲô·½Ê½È¥¿ØÖÆÒ³Ãæ
£¬Èç¹û²»¼ÇµÃ£¬ÎÒÀ´°ï´ó¼Ò»ØÒäһϣ¬×ܹ²ÓÐËÄÖÖ·½Ê½ÐÐÄÚ·½Ê½¡¢ÄÚ
Ƕ·½Ê½¡¢Á´½Ó·½Ê½¡¢µ¼È뷽ʽ£¬´ó¼Òͨ¹ýÕâËÄÖÖ·½Ê½¾Í¿ÉÒÔʵÏÖCSS
¶ÔHTML
Ò³ÃæÑùʽµÄ¿ØÖÆ£¬Èç¹ûÒªÈÃÕâЩÑùʽ¶ÔHTMLÒ³ÃæÖеÄÔªËØÊµÏÖÒ»¶ÔÒ»£¬Ò»¶Ô¶à»òÕß¶à¶ÔÒ»µÄ¿ØÖÆ£¬Õâ¾ÍÐè
ÒªÓõ½CSSÑ¡ÔñÆ÷£¬HTMLÒ³ÃæÖеÄÔ ......

¡¾CSSÈëÃÅ¡¿°Ë¡¢DIV CSS ¿é×´ÔªËØºÍÄÚÁªÔªËØ

ÎÒÃÇÏÈÀ´·ÖÎöÒ»ÏÂ¿é¼¶ÔªËØ¡¢ÄÚÁª¼¶ÔªËص͍ÒåºÍ½âÎö£º
  
¿éÔªËØ(block
element)Ò»°ãÊÇÆäËûÔªËØµÄÈÝÆ÷ÔªËØ£¬¿éÔªËØÒ»°ã¶¼´ÓÐÂÐпªÊ¼£¬Ëü¿ÉÒÔÈÝÄÉÄÚÁªÔªËØºÍÆäËû¿éÔªËØ,³£¼û¿éÔªËØÊǶÎÂä±êÇ©'P"¡£
“form"
Õâ¸ö¿éÔªËØ±È½ÏÌØÊ⣬ËüÖ»ÄÜÓÃÀ´ÈÝÄÉÆäËû¿éÔªËØ¡£
¡¡¡¡Èç¹ûûÓÐcssµÄ×÷Ó㬿éÔªËØ
......

JS/CSSѹËõ¹¤¾ß YUI Compressor

YUI Compressor ÊÇÒ»¸öÓÃÀ´Ñ¹Ëõ JS ºÍ CSS ÎļþµÄ¹¤¾ß£¬²ÉÓÃJava¿ª·¢¡£
ʹÓ÷½·¨£º
//ѹËõJS
java -jar yuicompressor-2.4.2.jar --type js --charset utf-8 -v src.js > packed.js
//ѹËõCSS
java -jar yuicompressor-2.4.2.jar --type css --charset utf-8 -v src.css > packed.css ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ