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 vs FF
CSS ¼æÈÝÒªµã£ºDOCTYPE Ó°Ïì CSS ´¦Àí
FF: div ÉèÖà margin-left, margin-right Ϊ auto ʱÒѾ¾ÓÖÐ, IE ²»ÐÐ
FF: body ÉèÖà text-align ʱ, div ÐèÒªÉèÖà margin: auto(Ö÷ÒªÊÇ margin-left,margin-right) ·½¿É¾ÓÖÐ
FF: ÉèÖà padding ºó, div »áÔö¼Ó height ºÍ width, µ« IE ²»»á, ¹ÊÐèÒªÓà !important ¶àÉèÒ» ......
µÚÒ»Õ£ºÓ¦ÖªµÀ
1.1 DIV+CSS
µÄ½Ð·¨ÊDz»×¼È·µÄ
ÎÒÏë·²ÊÇÀ´µ½“Õâ¸öרÌ┵Äͬѧ£¬ºÜ´ó²¿·ÖÊdzå×ÅDIV+CSSÀ´µÄ£¬Ä¿µÄ¾ÍÊÇѧϰ
DIV+CSSµÄ£¬ËµµÄÔÙÖ±½ÓһЩ¾ÍÊÇѧϰÈçºÎÓÃDIV+CSS²¼¾ÖÒ³Ãæ£¬ÈçºÎ´ÓÒ»ÕÅÍ¼Æ¬ÖÆ×÷³É±ê×¼µÄDIV+CSSÒ³Ãæ¡£
Èç¹ûÄã¿´ÍêµÚÒ»¶Î»¹Ã»Óз¢ÏÖ´íÎóµÄ»°£¬ÄÇÄã¾ÍºÜÓб ......
ÉϽڿÎÎÒÃǽ²ÁËÒ»ÏÂCssͨ¹ýʲô·½Ê½È¥¿ØÖÆÒ³Ãæ
£¬Èç¹û²»¼ÇµÃ£¬ÎÒÀ´°ï´ó¼Ò»ØÒäһϣ¬×ܹ²ÓÐËÄÖÖ·½Ê½ÐÐÄÚ·½Ê½¡¢ÄÚ
Ƕ·½Ê½¡¢Á´½Ó·½Ê½¡¢µ¼È뷽ʽ£¬´ó¼Òͨ¹ýÕâËÄÖÖ·½Ê½¾Í¿ÉÒÔʵÏÖCSS
¶ÔHTML
Ò³ÃæÑùʽµÄ¿ØÖÆ£¬Èç¹ûÒªÈÃÕâЩÑùʽ¶ÔHTMLÒ³ÃæÖеÄÔªËØÊµÏÖÒ»¶ÔÒ»£¬Ò»¶Ô¶à»òÕß¶à¶ÔÒ»µÄ¿ØÖÆ£¬Õâ¾ÍÐè
ÒªÓõ½CSSÑ¡ÔñÆ÷£¬HTMLÒ³ÃæÖеÄÔ ......
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 ......