cssµÄdivǶÌ×ÎÊÌâ
ѧÁËcss¼¸Ì죬·¢ÏÖÓиöÎÊÌâ¡£
ÈçͼËùʾ,×îÍâ²ãÓиödiv£¨·ÛÉ«£©£¬ÄÚ²¿ÉÏÖÐÏÂÈý¸ödiv£¬ÖмädivÄÚÓÐÈý¸öˮƽÅÅÁеÄdiv£¨ÂÌÉ«£©¡£
“middle”divµÄ¸ß¶ÈÊǸù¾ÝÄÚ²¿Èý¸öÂÌÉ«div¸ß¶È±ä»¯µÄ¡£Õâ¸öÓа취ʵÏÖÂð£¿
ÎÒÊÔÁËÊÔ£¬Èç¹ûÈý¸öÂÌÉ«divˮƽÅÅÁеĻ°£¬middleµÄ¸ß¶È¾Í²»ÄÜ×Ô¶¯ÊÊÓ¦£¬±ØÐëÖƶ¨¸ß¶È¡£ÎÒ°Ñ3¸öÂÌÉ«divÔÝʱÓÃtableÌæ»»ÁË¡£
Ïà¹ØÎĵµ£º
ƽ ʱÄÃCSS²¼¾Ö¶¼ÊÇһЩÄÚÈݱȽ϶àµÄÍøÕ¾,Ç°Á½ÌìÓÃCSS+DIVŪÁ˸öÄÚÈÝÉÙµÄÒ³Ãæ,·¢ÏÖÁËÒ»¸öСÎÊÌâ,¿ÉÄÜ´ó¼Ò¶¼»áÓöµ½,ÄǾÍÊÇÍøÕ¾FOOTERµÄ¶¨ λ,Èç¹ûÄÚÈݱȽÏÉٵĻ°,Ò³ÃæµÄFOOTER¾Í»áËæ×ÅÄÚÈݵļõÉÙÅܵ½ÉÏÃæÈ¥,²»ÊǹԹԵÄÔÚÏÂÃæ´ô×Å,º¦µÃÎÒÑо¿ÁË°ëÌìÕÒ¸ßÈËÖÕÓÚ¸ø¸ã¶¨ÁË,Ò²ËãÒ»¸öССµÄ ¼¼Çɸø´ó¼Ò·ÖÏí
Ê×ÏÈÎÒÃÇÒªÔÚÍâ²ãÉ趨һ ......
Ч¹ûͼ:
Ô´Âë: ±£´æΪhtmlÎļþ, ÔÚIE6¼°ÒÔÉÏ°æ±¾IEä¯ÀÀÆ÷¿ÉÒÔÔËÐÐ....
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
&nb ......
½ñÌìÎÒÃÇ»ã×ÜÁËÐí¶àdiv+cssÍøÒ³Éè¼ÆÖо³£Óõ½µÄ¾ÑéºÍ¼¼ÇÉ£¬´ó¼Ò¿ÉÒÔ¶à¶à²Î¿¼£¬¶ÔÄãµÄÒ³ÃæÉè¼ÆÒ»¶¨ÓкܴóµÄ°ïÖú!
Èç¹ûÎÄ×Ö¹ý³¤£¬Ôò½«¹ý³¤µÄ²¿·Ö±ä³ÉÊ¡ÂÔºÅÏÔʾ£ºIE5£¬FFÎÞЧ£¬µ«¿ÉÒÔÒþ²Ø£¬IE6ÓÐЧDIV STYLE=“width£º120px£»height£º50px£»border£º1px solid blue£»overflow£ºhidden£»text-overflow£ºellipsis&rdquo ......
ÍøÒ³Éè¼Æ»òÐí¶ÔºÜ¶àÈËÀ´ËµÊǸöÈëÃÅÃż÷ºÜµÍµÄ¼¼Êõ,µ«ÊÇÒªÕæÕýÕÆÎÕdiv+cssÍøÒ³Éè¼ÆµÄ¾«»ª»¹ÊÇÐèÒª¿¿²»¶ÏµÄŬÁ¦ºÍʵ¼ù²ÅÄÜ´ïµ½,ÄÇôÎÒÃÇÓ¦¸ÃÈçºÎѧϰdiv+cssÍøÒ³Éè¼ÆÄØ?
CSSѧϰÖØÔÚ·½·¨
ѧϰÈκζ«Î÷¶¼ÊÇÒ»Ñù£¬´ÓСѧ¡¢ÖÐѧ¡¢´óѧ£¬³ýÁËѧϰ֪ʶÍâ¾ÍÊÇȥѧϰ·½·¨£¡
ÒªÏë°ÑÎÕCSS, Ê×ÏÈҪѧ»áHTML£¬ÎÒ¸Õ¿ªÊ¼ÊÇ´ÓÁ㿪ʼѧϰµ ......
½ñÌìѧϰÁËcssµÄÒýÈ뷽ʽºÍcssµÄÑ¡ÔñÆ÷
CssÒýÈ뷽ʽ×ܹ²ËÄÖÖ·Ö±ðÊÇ£º
1.<link rel=”realstyle” type=”text/css” href=”css.css”>
rel ±íÃ÷Á¬½ÓµÄÎļþÓëhtmlÎĵµÖ®¼äµÄ¹Øϵ
type ÊDZíÃ÷ÎļþÀàÐÍ
href Ö¸ÏòÁ´½ÓµÄcssÎļþ
2.ÔÚhtmlÎĵµµÄhead²¿·ÖÖ±½ÓдÈëc ......