cssÑÕÉ«´úÂë¶ÔÕÕ
ÏÖÔÚ¸ø´ó¼ÒÏ×ÉÏÑÕÉ«¶ÔÕÕÂ룺
FFFFFF
#DDDDDD
#AAAAAA
#888888
#666666
#444444
#000000
#FFB7DD
#FF88C2
#FF44AA
#FF0088
#C10066
#A20055
#8C0044
#FFCCCC
#FF8888
#FF3333
#FF0000
#CC0000
#AA0000
#880000
#FFC8B4
#FFA488
#FF7744
#FF5511
#E63F00
#C63300
#A42D00
#FFDDAA
#FFBB66
#FFAA33
#FF8800
#EE7700
#CC6600
#BB5500
#FFEE99
#FFDD55
#FFCC22
#FFBB00
#DDAA00
#AA7700
#886600
#FFFFBB
#FFFF77
#FFFF33
#FFFF00
#EEEE00
#BBBB00
#888800
#EEFFBB
#DDFF77
#CCFF33
#BBFF00
#99DD00
#88AA00
#668800
#CCFF99
#BBFF66
#99FF33
#77FF00
#66DD00
#55AA00
#227700
#99FF99
#66FF66
#33FF33
#00FF00
#00DD00
#00AA00
#008800
#BBFFEE
#77FFCC
#33FFAA
#00FF99
#00DD77
#00AA55
#008844
Ïà¹ØÎĵµ£º
CSSÉèÖÃ
<style type="text/css">
.box {
border:#eee solid 1px;
width:300px;
height:120px;
line-height:120px;
display:table-cell;
vertical-align:middle;
text-align:center;
}
</style>
1.Îı¾
<div class="box">Sample text</div>
Sample text
2.ͼƬ(IEÏÂÔÚͼƬºóÃæ¼ÓÒ» ......
CSS¶Ôä¯ÀÀÆ÷Æ÷µÄ¼æÈÝÐÔ¾ßÓкܸߵļÛÖµ£¬Í¨³£Çé¿öÏÂIEºÍFirefox´æÔںܴóµÄ½âÎö²îÒ죬ÕâÀï½éÉÜһϼæÈÝÒªµã¡£
¡¡¡¡³£¼û¼æÈÝÎÊÌ⣺
¡¡¡¡1.DOCTYPE
Ó°Ïì CSS ´¦Àí
¡¡¡¡2.FF: div ÉèÖà margin-left, margin-right Ϊ auto ʱÒѾ¾ÓÖÐ, IE
²»ÐÐ
¡¡¡¡3.FF: body ÉèÖà text-align ʱ, div ÐèÒªÉèÖà margin: auto(Ö÷ÒªÊÇ
m ......
ÓÉÓÚä¯ÀÀÆ÷°æ±¾µÄ²»Í¬£¬¶ÔCSSÀïijЩԪËصĽâÊÍÒ²²»Ò»Ñù£¬²Å×Óµ±È»Ò²Åöµ½Í¬ÑùµÄÎÊÌ⣬ҲÊÕ¼¯ÁËһЩ½â¾ö·½·¨£¬²Å×Ó֮ǰÌù¹ýÁ½¸öÕë¶Ôä¯ÀÀÆ÷°æ±¾²»Í¬¶øÑ¡Ôñ²»Í¬CSSµÄ´úÂ룬ÓÐÐËȤµÄÅóÓÑ×Ô¼ºÕÒÕÒ°É¡£
ÆäʵÎÒÃÇ»¹¿ÉÒÔÀûÓÃÌõ¼þ×¢Ê͵ķ½·¨À´´ïµ½ÀàËƵÄÄ¿µÄ£¬Ê²Ã´ÊÇÌõ¼þ×¢ÊÍ£¬²Å×ÓÒ²Ôڴ˼òµ¥½éÉÜһϣ¬Î޷ǾÍÊÇһЩifÅжÏÀ²£¬ºÇºÇ£¬ ......
Ò».ʹÓÃcssËõд
ÒýÓÃÄÚÈÝ£º
ʹÓÃËõд¿ÉÒÔ°ïÖú¼õÉÙÄãCSSÎļþµÄ´óС£¬¸ü¼ÓÈÝÒ×ÔĶÁ¡£cssËõдµÄÖ÷Òª¹æÔòÈçÏ£º
ÑÕÉ«
16½øÖƵÄÉ«²ÊÖµ£¬Èç¹ûÿÁ½Î»µÄÖµÏàͬ£¬¿ÉÒÔËõдһ°ë£¬ÀýÈ磺
#000000¿ÉÒÔËõдΪ#000;#336699¿ÉÒÔËõдΪ#369;
ºÐ³ß´ç
ͨ³£ÓÐÏÂÃæËÄÖÖÊéд·½·¨:
property:value1; ±íʾËùÓб߶¼ÊÇÒ»¸öÖµvalue1£»
proper ......
1.»ù±¾Óï·¨
¡¡¡¡
¡¡¡¡CSSµÄ¶¨ÒåÊÇÓÉÈý¸ö²¿·Ö¹¹³É£ºÑ¡Ôñ·û£¨selector£©£¬ÊôÐÔ£¨properties£©ºÍÊôÐÔµÄÈ¡Öµ£¨value£©¡£
¡¡¡¡»ù±¾¸ñʽÈçÏ£º
¡¡¡¡selector { property: value}
¡¡¡¡£¨Ñ¡Ôñ·û { ÊôÐÔ£ºÖµ}£©
¡¡¡¡Ñ¡Ôñ·ûÊÇ¿ÉÒÔÊǶàÖÖÐÎʽ£¬Ò»°ãÊÇÄãÒª¶¨ÒåÑùʽµÄHTML±ê¼Ç£¬ÀýÈçBODY¡¢P¡¢TABLE……£¬Äã¿ÉÒÔÍ ......