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; }
Ïà¹ØÎĵµ£º
ÔÑùʽ£º
<!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 ......
5ÖÖ·½·¨Á¢¿Ìд³ö¸üºÃµÄCSS´úÂë
Òý×Ô:http://bbs.seuuo.com/thread-2625-1-3.html
µ±È»£¬Ã¿¸öÈ˶¼¿ÉÒÔ±àдCSS´úÂ룬ÉõÖÁÄãÏÖÔÚÒѾÈÃËüΪÄãµÄÏîÄ¿¹¤×÷ÁË¡£µ«ÊÇCSS»¹¿ÉÒÔ¸üºÃÂ𣿿ªÊ¼ÓÃÕâ5¸öTips¸Ä½øÄãµÄCSS°É£¡
1.ÖØÖÃ
Ê×ÏÈ£¬ºÜÈÏÕæµÄ¸æËßÄ㣬×ÜÊÇÒªÖØÖÃijЩ·ÖÀà¡£ÎÞÂÛÄãÊÇʹÓà Eric Meyer Reset¡¢YUI Reset»òÕßÄã×Ô¼º±à ......
¾ø¶Ô¶¨Î»µÄÔªËصÄλÖÃÏà¶ÔÓÚ×î½üµÄÒѶ¨Î»×æÏÈÔªËØ£¬Èç¹ûÔªËØûÓÐÒѶ¨Î»µÄ×æÏÈÔªËØ£¬ÄÇôËüµÄλÖÃÏà¶ÔÓÚ×î³õµÄ°üº¬¿é¡£
¶ÔÓÚ¶¨Î»µÄÖ÷ÒªÎÊÌâÊÇÒª¼ÇסÿÖÖ¶¨Î»µÄÒâÒå¡£ËùÒÔ£¬ÏÖÔÚÈÃÎÒÃǸ´Ï°Ò»ÏÂѧ¹ýµÄ֪ʶ°É£ºÏà¶Ô¶¨Î»ÊÇ“Ïà¶ÔÓÚ”ÔªËØÔÚÎĵµÖеijõʼλÖ㬶ø¾ø¶Ô¶¨Î»ÊÇ“Ïà¶ÔÓÚ”×î½üµÄÒѶ¨Î»×æÏÈÔªËØ£¬ ......
<!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>JS+CSSÏà²áչʾ&l ......
Ò».ʹÓÃcssËõд
ʹÓÃËõд¿ÉÒÔ°ïÖú¼õÉÙÄãCSSÎļþµÄ´óС£¬¸ü¼ÓÈÝÒ×ÔĶÁ¡£cssËõдµÄÖ÷Òª¹æÔòÇë²Î¿´¡¶³£ÓÃcssËõдÓï·¨×ܽᡷ£¬ÕâÀï¾Í²»Õ¹¿ªÃèÊö¡£
¶þ.Ã÷È·¶¨Ò嵥룬³ý·ÇֵΪ0
Íü¼Ç¶¨Òå³ß´çµÄµ¥Î»ÊÇCSSÐÂÊÖÆÕ±éµÄ´íÎó¡£ÔÚHTMLÖÐÄã¿ÉÒÔֻдwidth="100"£¬µ«ÊÇÔÚCSSÖУ¬Äã±ØÐë¸øÒ»¸ö׼ȷµÄµ¥Î»£¬±ÈÈç:width: 100px width:100e ......