cssѧϰ2
cssѧϰ
1¡£Ò»¸öÀàÒÔ.¿ªÍ·¡£Àý£º.bigtext
2¡£Ò»¸öIDÒÔ#¿ªÍ·¡£Àý£º#header
3¡£¶¨ÒåÒ»¸ö²ã¡£Àý£º#header {position: absolute; left: 32; top: 20}
ÔÚhtmlÖУ¬<div id="header"> <img src="abc.gif"> </div>
div±ØÐë¸ø³öid¡£
4¡£overflow¡£¼ìË÷»òÉèÖõ±¶ÔÏóµÄÄÚÈݳ¬¹ýÆäÖ¸¶¨¸ß¶È¼°¿í¶ÈʱÈçºÎ¹ÜÀíÄÚÈÝ¡£ËùÓжÔÏóµÄĬÈÏÖµÊÇ visible £¬³ýÁË textarea ¶ÔÏóºÍ body ¶ÔÏóµÄĬÈÏÖµÊÇ auto ¡£ÉèÖà textarea ¶ÔÏó´ËÊôÐÔֵΪ hidden ½«Òþ²ØÆä¹ö¶¯Ìõ¡£¶ÔÓÚ table À´Ëµ£¬¼ÙÈç table-layout ÊôÐÔÉèÖÃΪ fixed £¬Ôò td ¶ÔÏóÖ§³Ö´øÓÐĬÈÏֵΪ hidden µÄ overflow ÊôÐÔ¡£Èç¹ûÉèΪ scroll »òÕß auto £¬ÄÇô³¬³ö td ³ß´çµÄÄÚÈݽ«±»¼ôÇС£
5¡£clear¡£¸ÃÊôÐÔµÄÖµÖ¸³öÁ˲»ÔÊÐíÓи¡¶¯¶ÔÏóµÄ±ß¡£¶ÔÓÚcurrentStyle¶ÔÏó¶øÑÔÊÇÖ»¶ÁµÄ¡£¶ÔÓÚÆäËû¶ÔÏó¶øÑÔÊǿɶÁдµÄ¡£Óï·¨£ºclear : none | left | right | both Àý£ºdiv { clear : left }
6¡£clip¡£¼ìË÷»òÉèÖöÔÏóµÄ¿ÉÊÓÇøÓò¡£¿ÉÊÓÇøÓòÍâµÄ²¿·ÖÊÇ͸Ã÷µÄ¡£´ËÊôÐÔ¶¨ÒåÁ˾ø¶Ô(absolute)¶¨Î»¶ÔÏó¿ÉÊÓÇøÓòµÄ³ß´ç¡£±ØÐ뽫 position ÊôÐÔµÄÖµÉèΪ absolute £¬´ËÊôÐÔ·½¿ÉʹÓá£Àý£ºP { clip: rect(5px, 10px, 10px, 5px); }
7¡£display¡£ÉèÖûò¼ìË÷¶ÔÏóÊÇ·ñ¼°ÈçºÎÏÔʾ¡£¸ÃÊôÐÔÄÚÈݺܶ࣬Ó÷¨±È½Ï¸´ÔÓ¡£
8¡£visibility¡£ÉèÖûò¼ìË÷ÊÇ·ñÏÔʾ¶ÔÏó¡£Óë display ÊôÐÔ²»Í¬£¬´ËÊôÐÔΪÒþ²ØµÄ¶ÔÏó±£ÁôÆäÕ¼¾ÝµÄÎïÀí¿Õ¼ä¡£ÔÚIE5.0+ÖУ¬µ±¸¸¶ÔÏ󲻿ÉÊÓʱ×Ó¶ÔÏóÊÇÄܱ»ÉèΪ¿ÉÊӵġ£¶øÔÚ´ËǰµÄä¯ÀÀÆ÷°æ±¾ÖУ¬Èç¹ûÏ£Íû¶ÔÏóΪ¿ÉÊÓ£¬Æä¸¸¶ÔÏóÒ²±ØÐëÊÇ¿ÉÊӵġ£Àý£ºimg { visibility: inherit; float: right; }
Ïà¹ØÎĵµ£º
ÍøÒ³¿ª·¢ÈËÔ±¶¼ÖªµÀ,ÏÖÔÚµÄä¯ÀÀÆ÷¶Ô²»Í¬µÄjs,cssµÄ½âÎö²»¾¡Ïàͬ£¬ÌرðÊǣɣÅÔçÆÚ°æ±¾µÄ²»¹æ·¶.²»¹ýÒÔºó»áºÃһЩ£¬ÏÖÔÚµÄä¯ÀÀÆ÷а汾¶¼ÔÚÏò£×£³£Ã¿¿Â££®ÏÖÔÚÎÒÃÇÒª½â¾öµÄÊÇÏÖÔÚµÄÎÊÌ⣮
½â¾öcssºÍjsÕë¶Ô²»Í¬ä¯ÀÀÆ÷¼æÈݵÄÎÊÌâ
Ê×ÏÈ̸һÏÂä¯ÀÀÆ÷£¬ËäÈ»ÏÖÔÚieÒÀÈ»ÊÇä¯ÀÀÆ÷Êг¡µÄÀϴ󣬴óÔ¼Õ¼ÓÐ67%µÄ·Ý¶î£¬µ«ÊÇÓÉÓÚÆä¸÷·½ÃæµÄ ......
ÔÑùʽ£º
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>52css.com</titl ......
ÏÂÃæÕâ¸öCSSÑùʽµÄ±í¸ñ£¬¸öÈ˸оõÑÕÉ«Æðµ½Á˺ܴóµÄ×÷Óá£Èç¹û²»ÊÇÁ½ÖÖÑÕÉ«µÄ¶Ô±ÈЧ¹ûºÃ£¬¿ÉÄÜÒ²¾ÍÊÇÒ»°ãµÄ±í¸ñ£º
ÏÈÀ´¿´HTML£º
<table width="590" cellspacing="1">
<caption>
text
</caption>
<thead>
<tr>
<th class="line1" scope="col">text< ......
ÏëÐÞ¸ÄÒ»ÏÂ×Ó×Ô¼ºµÄCSS£¬ÒòΪ²©¿Í±êÌâÕýºÃ°ÑÍøÒ³Í¼Æ¬ÉϵÄÎÄ×ÖÕýºÃµµÁËÒ»²¿·Ö£¬¿´ÆðÀ´ºÜ²»Ë¬¡£×îºóȷʵÊÇÓÉ“marginÃüÁî”À´¿ØÖƵģ¬ÓÚÊÇÉÏÍøÑ§Ï°ÁËÒ»ÏÂ×ÓÕâ¸öµÄÓ÷¨¡£marginÔÚÖÐÎÄÖÐÎÒÃÇ·Òë³ÉÍâ±ß¾à»òÕßÍâ²¹°×£¨±¾ÎÄÖÐÒýÓÃÍâ±ß¾à£©¡£ËûÊÇÔªËØºÐÄ£ÐÍ£¨box model£©µÄ»ù´¡ÊôÐÔ¡£
Ò»¡¢marginµÄ»ù±¾ÌØÐÔ
marginÊô ......
/***************************by
garcon1986********************************/
Çø·Ö
visibility:hidden
ºÍ
display:none
visibility:hidden
hides an element, but it will still take up the same space as before.
The element will be hidden, but still affect the layout.
Display: none
hides ......