Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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µÄ·½·¨

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

HTML CSS±êÇ©

<html >
<body style="margin:0;overflow:hidden">
    <div>
     <table style="width:100%;height:100%">
         <!--<tr>
           & ......

CSSÉè¼Æ½Ì³Ì Àý1£­1 ±³¾°Í¼Æ¬

´Ó½ñÌ쿪ʼ£¬CSSÉè¼Æ½Ì³ÌºÍ´ó¼Ò¼ûÃæÁË¡£Ã¿ÌìÒ»½Ú£¬ÓÐѧϰµÄͬѧÇëÿÌì¹Ø×¢ÎÒÃÇÍøÕ¾¡£
Àý1£­1 ±³¾°Í¼Æ¬
µÚÒ»¸öÀý×ÓչʾÁ˶ÔbackgroundÊôÐÔµÄÔËÓ㬱¾Àý×Ó°ÑbackgroundÊôÐÔÓëÒ»¸ödivÔªËØÏà½áºÏ¡£divµÄ´óСΪ250pxX76px£¬ËùÒÔËü»áÏÔʾ³öÒ»¸öÍêÕûµÄ±³¾°Í¼Æ¬¡£
ÒÔÏÂÊDZ¾ÊµÀýµÄÏêϸ³ÌÐò£¬µ÷ÊÔÔÚMicrosoft Visual Studio 2010°æ ......

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

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

overflowÔÚCSSÖеÄÒâ˼ºÍÓ÷¨

overflow´Ó×ÖÃæÒâÒåÉÏÀ´½²¾ÍÊÇÒç³öµÄÒâ˼唄£¬»»¾ä»°Ëµ£¬ÄãÓиö²ã£¬µ«ÊÇÀïÃæµÄÄÚÈÝ£¬Í¼Æ¬»òÕßÎÄ×ÖÒª±È²ã´ó£¬overflow¾ÍÊÇÕë¶ÔÕâÖÖÇé¿ö½øÐд¦ÀíµÄ¡£  
  °üº¬4¸öÊôÐÔÖµ£¬visible,hidden,auto,scroll  
  visible¾ÍÊdz¬³öµÄÄÚÈÝÈÔÈ»Õý³£±»ÏÔʾ³öÀ´¡£  
  hidden¾ÍÊdz¬³öµÄÄÚÈݱ»Òþ² ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ