CSSÖÐvisibilityÓëdisplayµÄÇø±ð
CSSÖÐvisibilityÓëdisplayµÄÇø±ð
CSSÖеÄÊôÐÔvisibilityÓëdisplay¶¼¿ÉʵÏÖÏÔʾ¡¢Òþ²ØÔªËصÄЧ¹û£¬µ«ËûÃÇÖ®¼äÒ²ÓкܴóµÄÇø±ð¡£
visibility¹æ¶¨ÔªËصÄÄÚÈÝÊÇ·ñÏÔʾ£»¶ødisplay¹æ¶¨ÔªËر¾ÉíµÄÏÖʵ·½Ê½£¬¿ÉÒÔ¾ö¶¨ÔªËر¾ÉíÊÇ·ñ¿É¼û¡£
visibilityµÄvisible±íʾÏÔʾ£¬hidden±íʾÒþ²Ø¡£µ±visibility±»ÉèÖÃΪ"hidden"ʱ£¬ËäÈ»ÔªËØ²»¿É¼û£¬µ«ËüÒ²»áÕ¼¾ÝÒ³ÃæÉϵĿռ䡣
ÈôÏëÈÃÆäÊͷſռä¿ÉÒÔÉèÖÃstyle.height = "0px"; style.width = "0px";Ò²¿É½«displayÊôÐÔÉèΪ£ºnone¡£
ÒÔÏÂÊÇwww.w3school.com.cnÖжÔvisibilityÓëdisplayµÄÊôÐÔÖµµÄ˵Ã÷£º
1. visibility ÊôÐÔ¹æ¶¨ÔªËØÊÇ·ñ¿É¼û¡£
¿ÉÄܵÄÖµ
Öµ
ÃèÊö
visible
ĬÈÏÖµ¡£ÔªËØÊǿɼûµÄ¡£
hidden
ÔªËØÊDz»¿É¼ûµÄ¡£
collapse
µ±ÔÚ±í¸ñÔªËØÖÐʹÓÃʱ£¬´ËÖµ¿Éɾ³ýÒ»ÐлòÒ»ÁУ¬µ«ÊÇËü²»»áÓ°Ïì±í¸ñµÄ²¼¾Ö¡£±»ÐлòÁÐÕ¼¾ÝµÄ¿Õ¼ä»áÁô¸øÆäËûÄÚÈÝʹÓá£Èç¹û´ËÖµ±»ÓÃÔÚÆäËûµÄÔªËØÉÏ£¬»á³ÊÏÖΪ "hidden"¡£
inherit
¹æ¶¨Ó¦¸Ã´Ó¸¸ÔªËؼ̳Рvisibility ÊôÐÔµÄÖµ¡£
2. display ÊôÐÔ¹æ¶¨ÔªËØÓ¦¸ÃÉú³ÉµÄ¿òµÄÀàÐÍ¡£
¿ÉÄܵÄÖµ
Öµ
ÃèÊö
none
´ËÔªËØ²»»á±»ÏÔʾ¡£
block
´ËÔªËØ½«ÏÔʾΪ¿é¼¶ÔªËØ£¬´ËÔªËØÇ°ºó»á´øÓл»Ðзû¡£
inline
ĬÈÏ¡£´ËÔªËØ»á±»ÏÔʾΪÄÚÁªÔªËØ£¬ÔªËØÇ°ºóûÓл»Ðзû¡£
inline-block
ÐÐÄÚ¿éÔªËØ¡££¨CSS2.1 ÐÂÔöµÄÖµ£©
list-item
´ËÔªËØ»á×÷ΪÁбíÏÔʾ¡£
run-in
´ËÔªËØ»á¸ù¾ÝÉÏÏÂÎÄ×÷Ϊ¿é¼¶ÔªËØ»òÄÚÁªÔªËØÏÔʾ¡£
compact
CSS ÖÐÓÐÖµ compact£¬²»¹ýÓÉÓÚȱ·¦¹ã·ºÖ§³Ö£¬ÒѾ´Ó CSS2.1 ÖÐɾ³ý¡£
marker
CSS ÖÐÓÐÖµ marker£¬²»¹ýÓÉÓÚȱ·¦¹ã·ºÖ§³Ö£¬ÒѾ´Ó CSS2.1 ÖÐɾ³ý¡£
table
´ËÔªËØ»á×÷Ϊ¿é¼¶±í¸ñÀ´ÏÔʾ£¨ÀàËÆ <table>£©£¬±í¸ñǰºó´øÓл»Ðзû¡£
inline-table
´ËÔªËØ»á×÷ΪÄÚÁª±í¸ñÀ´ÏÔʾ£¨ÀàËÆ <table>£©£¬±í¸ñǰºóûÓл»Ðзû¡£
table-row-group
´ËÔªËØ»á×÷Ϊһ¸ö»ò¶à¸öÐеķÖ×éÀ´ÏÔʾ£¨ÀàËÆ <tbody>£©¡£
table-header-group
´ËÔªËØ»á×÷Ϊһ¸ö»ò¶à¸öÐеķÖ×éÀ´ÏÔʾ£¨ÀàËÆ <thead>£©¡£
table-footer-group
´ËÔªËØ»á×÷Ϊһ¸ö»ò¶à¸öÐеķÖ×éÀ´ÏÔʾ£¨ÀàËÆ <tfoot>£©¡£
table-row
´ËÔªËØ»á×÷Ϊһ¸ö±í¸ñÐÐÏÔʾ£¨ÀàËÆ <tr>£©¡£
table-column-group
´ËÔªËØ»á×÷Ϊһ¸ö»ò¶à¸öÁеķÖ×éÀ´ÏÔʾ£¨ÀàËÆ <colgroup>£©¡£
table-column
´ËÔªËØ»á
Ïà¹ØÎĵµ£º
¿ÉÒÔÔÚ²©¿ÍµÄÅäÖÃÒ³ÃæµÄ×Ô¶¨ÒåcssÀ¸ÖÐÌîÈëcssÑùʽ´úÂëÀ´×Ô¶¨Ò²blogµÄ·ç¸ñ
csdn blogµÄÒ³Ãæ¼Ü¹¹»ù±¾ÊÇÓÉdivʵÏֵģ¬Õû¸öÒ³ÃæÖ÷ÒªÓÉÈý¸ödiv×é³É£¬ËüÃǵÄid·Ö±ðÊÇ:
csdnblog_header, csdnblog_sidebar, csdnblog_content¡£
ËùÒÔ£¬¶¨ÒåËüÃǵÄÖ÷ÌåÑùʽ¿ÉÒÔÕâÑù:
#csdnblog_header
{
//Í·²¿µÄ·ç¸ñ
}
# ......
¡¡¡¡½üÄêÀ´£¬CSS²»Í¸Ã÷ËãµÃÉÏÊÇÒ»ÖÖÏ൱Á÷Ðеļ¼Êõ£¬µ«ÔÚ¿çä¯ÀÀÆ÷Ö§³ÖÉÏ£¬¶ÔÓÚ¿ª·¢ÕßÀ´Ëµ£¬¿ÉÒÔ˵ÊÇÒ»¼þÁîÈËÍ·ÌÛµÄÊÂÇ顣Ŀǰ»¹Ã»ÓÐÒ»¸öͨÓ÷½·¨£¬ÒÔÈ·±£Í¸Ã÷¶ÈÉèÖÿÉÒÔÔÚĿǰʹÓõÄËùÓÐä¯ÀÀÆ÷ÉÏÓÐЧ¡£
¡¡¡¡ÕâÆª»ã×ÜÖ÷ÒªÊÇÌṩһЩCSS²»Í¸Ã÷µÄÏêϸ½éÉÜ£¬´úÂëʾÀýºÍ½âÊÍ£¬ÒÔʵÏÖÕâÏîÓÐÓõÄCSS¼¼ÊõÔÚÄúµÄÏîÄ¿ÖмæÈÝËùÓÐä¯À ......
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT=""& ......
Ò»Ö±ÔÚÏëÓÃcssÔõô×öÏÂÀ²Ëµ¥£¬Ö®Ç°¿´µ½µÄÏÂÀ²Ëµ¥¶¼ÊÇÓÃjs×öµÄ£¬¿ÉÊÇÓÖ²»¶®js£¬½ñÌìÖÕÓÚÓÃcssÑо¿³öÀ´ÁË£¬´ó¼ÒÖ¸½ÌÖ¸½Ì¡£
ÏÂÃæµÄ´úÂëÖ±½Ó¿¼Á˾ÍÐС£
<!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 ......
¡¡ÖÆ×÷¹ýÍøÒ³µÄÈ˶¼ÓÐΪ»Ïß¶ø·³ÄյľÀú£¬±¾ÎĽéÉܵÄС¼¼ÇÉÒ²Ðí¶ÔÄãÓÐËù°ïÖú¡£ÎÒÃÇÏÈÀ´ÈÏʶһÏ“Border”£¨»±ß¿ò£©£¬ËüÊÇCSSµÄÒ»¸öÊôÐÔ£¬ÓÃËü¿ÉÒÔ¸øÄÜÈ·¶¨·¶Î§µÄHTML±ê¼Ç£¨ÈçTD¡¢DIVµÈµÈ£©»±ß¿ò£¬Ëü¿ÉÒÔ¶¨Òå±ß¿òÏßµÄÀàÐÍ¡¢¿í¶ÈºÍÑÕÉ«£¬ÀûÓÃÕâ¸öÌØÐÔ£¬¿ÉÒÔÖÆ×÷Ò»Ð©ÌØÊâЧ¹û¡£ÏÂÃæ½«Í¨¹ýʵÀýÀ´ËµÃ÷ÆäÓ¦Óü¼ÇÉ¡£ ......