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µÄÏà¹Ø֪ʶ£¬¶Ô³õѧÕߺÍÏë½øÒ»²½Ñ§Ï°µÄÈ˶¼ÓаïÖú¡£
Ïà¹Ø±Ê¼Ç£º
ÐÐÄÚÑùʽ>IDÑùʽ>ÀàÑùʽ>±ê¼ÇÑùʽ
font-weight:bold;
font-size:30px;
text-decoration:underline;
& ......
1¡¢ÈçºÎÓÃulÖÆ×÷Ò»Ðв˵¥
<body>
<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul> ......
1¡¢²»ÒªÊ¹ÓùýСµÄͼƬ×ö±³¾°Æ½ÆÌ¡£Õâ¾ÍÊÇΪºÎºÜ¶àÈ˶¼²»Óà 1px µÄÔÒò£¬Õâ²ÅÖªÏþ¡£¿í¸ß 1px µÄͼƬƽÆ̳öÒ»¸ö¿í¸ß 200px
µÄÇøÓò£¬ÐèÒª 200*200=40, 000 ´Î£¬Õ¼ÓÃ×ÊÔ´¡£
2¡¢Îޱ߿ò¡£ÍƼöµÄд·¨ÊÇ border:none;£¬¹þ¹þ£¬ÎÒÒ»Ö±ÔÚÓÃÕâ¸ö¡£ border:0;
Ö»ÊǶ¨Òå±ß¿ò¿í¶ÈΪÁ㣬µ«±ß¿òÑùʽ¡¢ÑÕÉ«»¹Êǻᱻä¯ÀÀÆ÷½âÎö£¬Õ¼ÓÃ×Ê ......
overflow´Ó×ÖÃæÒâÒåÉÏÀ´½²¾ÍÊÇÒç³öµÄÒâ˼唄£¬»»¾ä»°Ëµ£¬ÄãÓиö²ã£¬µ«ÊÇÀïÃæµÄÄÚÈÝ£¬Í¼Æ¬»òÕßÎÄ×ÖÒª±È²ã´ó£¬overflow¾ÍÊÇÕë¶ÔÕâÖÖÇé¿ö½øÐд¦ÀíµÄ¡£
°üº¬4¸öÊôÐÔÖµ£¬visible,hidden,auto,scroll
visible¾ÍÊdz¬³öµÄÄÚÈÝÈÔÈ»Õý³£±»ÏÔʾ³öÀ´¡£
hidden¾ÍÊdz¬³öµÄÄÚÈݱ»Òþ² ......