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

CSSÎÄ×ÖÊúÅÅ

£¼!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"£¾
£¼html xmlns="http://www.w3.org/1999/xhtml"£¾
£¼head£¾
£¼meta http-equiv="Content-Type" content="text/html; charset=utf-8" /£¾
£¼title£¾ÎÞ±êÌâÎĵµ£¼/title£¾
£¼style type="text/css"£¾
    *{ font-size:14px;}
    .article *{float:left;}
    div.vertical_word , p.vertical_word{width:1em;}
£¼/style£¾
£¼/head£¾ £¼body£¾
    £¼div class="article"£¾
        £¼div class="vertical_word" style="background-color:#CFC;"£¾
            ÎÄ×ÖÊúÅÅ£¬ÖÐx¹úx»òx½øxÈëx¸ßxÓÍx¼Ûxʱx´úxÏûx·ÑxÕßx½«xÌåxζx¸üxÖ±x½Óx³åx»÷£¡
        £¼/div£¾
        £¼p class="vertical_word" style="background-color:#9FC;"£¾
            ÎÄ×ÖÊúÅÅ£¬ÖÐx¹úx»òx½øxÈëx¸ßxÓÍx¼Ûxʱx´úxÏûx·ÑxÕßx½«xÌåxζx¸üxÖ±x½Óx³åx»÷£¡
        £¼/p£¾
        £¼br style="clear:both;"/£¾
    £¼/div£¾
    £¼div class="other" style="background-color:#FF9;"£¾
        £¼p£¾ÖÐx¹úx»òx½øxÈëx¸ßxÓÍx¼Ûxʱx´úxÏûx·ÑxÕßx½«xÌåxζx¸üxÖ±x½Óx³åx»÷¡£ÖÐx¹úx»òx½øxÈëx¸ßxÓÍx¼Ûxʱx´úxÏûx·ÑxÕßx½«xÌåxζx¸üxÖ±x½Óx³åx»÷¡££¼/p£¾
    £¼/div£¾
£¼/body£¾
£¼/html£¾


Ïà¹ØÎĵµ£º

CSSÃüÃû¹æ·¶

CSSÃüÃû¹æ·¶
ҳͷ£ºheader
µÇ¼Ìõ£ºloginbar
±êÖ¾£ºlogo
²àÀ¸£ºsidebar
¹ã¸æ£ºbanner
µ¼º½£ºnav
×Óµ¼º½£ºsubnav
²Ëµ¥£ºmenu
×Ӳ˵¥£ºsubmenu
ËÑË÷£ºsearch
¹ö¶¯£ºscroll
Ò³ÃæÖ÷Ì壺main
ÄÚÈÝ£ºcontent
±êǩҳ£ºtab
ÎÄÕÂÁÐ±í£ºlist
ÌáʾÐÅÏ¢£ºmsg
С¼¼ÇÉ£ºtips
À¸Ä¿±êÌ⣺title
¼ÓÈ룺joinus
Ö¸ÄÏ£ºguil ......

ÔÚÍøÒ³ÖмÓÈëCSSµÄ·½·¨

1.Ö±½Ó¼ÓÔÚ¶ÔÏóÉÏ
¡¡¡¡<html>
¡¡¡¡¡¡<head>
¡¡¡¡¡¡¡¡<title>title</title>
¡¡¡¡¡¡</head>
¡¡¡¡¡¡<body>
¡¡¡¡¡¡¡¡<span style="color:red">red</span>
¡¡¡¡¡¡</body>
¡¡¡¡</html>
2.¼Óµ½Ò³ÃæÍ·²¿
¡¡¡¡<html>
¡¡¡¡¡¡<head>
¡¡¡¡¡¡¡¡< ......

CSS hack£ºÇø·ÖIE6¡¢IE7¡¢IE8¡¢Firefox¡¢Opera

·½·¨Ò»£º
  ¿çä¯ÀÀÆ÷µÄÍøÒ³Éè¼ÆÒ»Ö±ÊÇÈÃÈ˺ÜÍ·ÌÛµÄÎÊÌ⣬Õâ²»Ö»ÊÇÒòΪä¯ÀÀÆ÷µÄ°æ±¾Öڶ࣬»¹ÓÐÒ»¸öÖØÒªµÄÔ­ÒòÊÇÏàͬä¯ÀÀÆ÷µÄ²»Í¬Ê±ÆÚµÄ°æ±¾Ò²»áÓвîÒ죬
ÉõÖÁÊÇÔÚ²»Í¬²Ù×÷̨ͬÉÏ»¹»áÓв»Í¬¡£Òò´ËʹCSS hack¼¼Êõ½øÐÐä¯ÀÀÆ÷Çø·ÖÊÇʵÏÖ¿çä¯ÀÀÆ÷·ÃÎÊÒ»¸öºÃ·½·¨¡£CSS
Hack¼¼ÊõÓкܶ࣬¾ßÌå¿ÉÒԲ鿴£º
  ± ......

cssÖ®×Ô¶¯»»ÐÐ

×Ô¶¯»»ÐÐÎÊÌâ,Õý³£×Ö·ûµÄ»»ÐÐÊDZȽϺÏÀíµÄ,¶øÁ¬ÐøµÄÊý×ÖºÍÓ¢ÎÄ×Ö·û³£³£½«ÈÝÆ÷³Å´ó,ͦÈÃÈËÍ·ÌÛ,ÏÂÃæ½éÉܵÄÊÇCSSÈçºÎʵÏÖ»»Ðеķ½·¨
¶ÔÓÚdiv,pµÈ¿é¼¶ÔªËØ
Õý³£ÎÄ×ֵĻ»ÐÐ(ÑÇÖÞÎÄ×ֺͷÇÑÇÖÞÎÄ×Ö)ÔªËØÓµÓÐĬÈϵÄwhite-space:normal,µ±¶¨ÒåµÄ¿í¶ÈÖ®ºó×Ô¶¯»»ÐÐ
html
css
1.£¨IEä¯ÀÀÆ÷£©Á¬ÐøµÄÓ¢ÎÄ×Ö·ûºÍ°¢À­²®Êý×Ö,ʹÓÃword ......

css ͸Ã÷±³¾°

<body style="background-color:#000" mce_style="background-color:#000">
<div style="background-color:#fff; width:500px; height:200px; filter:alpha(opacity='50'); opacity:0.5">Õâ¸ö±³¾°ÊÇ͸Ã÷µÄ</div>
</body>
/*IE*/  
filter:alpha(opacity='50');
/*FF*/   ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ