CSS clientWidth£¬offsetWidth µÈÏà¹ØÊôÐÔ
ÍøÒ³¿É¼ûÇøÓò¿í£º document.body.clientWidth;
ÍøÒ³¿É¼ûÇøÓò¸ß£º document.body.clientHeight;
ÍøÒ³¿É¼ûÇøÓò¿í£º document.body.offsetWidth (°üÀ¨±ßÏߵĿí);
ÍøÒ³¿É¼ûÇøÓò¸ß£º document.body.offsetHeight (°üÀ¨±ßÏߵĿí);
ÍøÒ³ÕýÎÄÈ«ÎÄ¿í£º document.body.scrollWidth;
ÍøÒ³ÕýÎÄÈ«Îĸߣº document.body.scrollHeight;
ÍøÒ³±»¾íÈ¥µÄ¸ß£º document.body.scrollTop;
ÍøÒ³±»¾íÈ¥µÄ×ó£º document.body.scrollLeft;
ÍøÒ³ÕýÎIJ¿·ÖÉÏ£º window.screenTop;
ÍøÒ³ÕýÎIJ¿·Ö×ó£º window.screenLeft;
ÆÁÄ»·Ö±æÂʵĸߣº window.screen.height;
ÆÁÄ»·Ö±æÂÊµÄ¿í£º window.screen.width;
ÆÁÄ»¿ÉÓù¤×÷Çø¸ß¶È£º window.screen.availHeight;
ÆÁÄ»¿ÉÓù¤×÷Çø¿í¶È£ºwindow.screen.availWidth;
²¼¾ÖÊôÐÔ(Layout properties)
border ±ß¿òÊôÐÔ
¸ÃCSSÊôÐÔÓÃÀ´É趨±ß¿ò¿í¶È£¬·ç¸ñºÍÑÕÉ«¡£
border-bottom ϱ߿òÊôÐÔ
¸ÃCSSÊôÐÔÓÃÀ´É趨ϱ߿ò¿í¶È£¬·ç¸ñºÍÑÕÉ«¡£
border-bottom-color ϱ߿òÑÕÉ«ÊôÐÔ
¸ÃCSSÊôÐÔÓÃÀ´É趨ϱ߿òµÄÑÕÉ«¡£
border-bottom-style ϱ߿ò·ç¸ñÊôÐÔ
¸ÃCSSÊôÐÔÓÃÀ´É趨ϱ߿òµÄ·ç¸ñ¡£
border-bottom-width ϱ߿ò¿í¶ÈÊôÐÔ
¸ÃCSSÊôÐÔÓÃÀ´É趨ϱ߿òµÄ¿í¶È¡£
border-collapse ±ß¿òºÏ²¢ÊôÐÔ
¸ÃCSSÊôÐÔÓÃÀ´É趨±í¸ñµÄÐкÍÁеı߿òÊǺϲ¢³Éµ¥±ß¿ò£¬»¹ÊÇ·Ö±ðÓи÷×Եı߿ò¡£
border-color ±ß¿òÑÕÉ«ÊôÐÔ
¸ÃCSSÊôÐÔÓÃÀ´É趨±ß¿òµÄÑÕÉ«¡£
border-left ×ó±ß¿òÊôÐÔ
¸ÃCSSÊôÐÔÓÃÀ´É趨×ó±ß¿ò¿í¶È£¬·ç¸ñºÍÑÕÉ«¡£
border-left-color ×ó±ß¿òÑÕÉ«ÊôÐÔ
¸ÃCSSÊôÐÔÓÃÀ´É趨×ó±ß¿òµÄÑÕÉ«¡£
border-left-style ×ó±ß¿ò·ç¸ñÊôÐÔ
¸ÃCSSÊôÐÔÓÃÀ´É趨×ó±ß¿òµÄ·ç¸ñ¡£
border-left-width ×ó±ß¿ò¿í¶ÈÊôÐÔ
¸ÃCSSÊôÐÔÓÃÀ´É趨×ó±ß¿òµÄ¿í¶È¡£
border-right Óұ߿òÊôÐÔ
¸ÃCSSÊôÐÔÓÃÀ´É趨Óұ߿ò¿í¶È£¬·ç¸ñºÍÑÕÉ«¡£
border-right-color Óұ߿òÑÕÉ«ÊôÐÔ
¸ÃCSSÊôÐÔÓÃÀ´É趨Óұ߿òµÄÑÕÉ«¡£
border-right-style Óұ߿ò·ç¸ñÊôÐÔ
¸ÃCSSÊôÐÔÓÃÀ´É趨Óұ߿òµÄ·ç¸ñ¡£
border-right-width Óұ߿ò¿í¶ÈÊôÐÔ
¸ÃCSSÊôÐÔÓÃÀ´É趨Óұ߿òµÄ¿í¶È¡£
border-style ±ß¿ò·ç¸ñÊôÐÔ
¸ÃCSSÊôÐÔÓÃÀ´É趨±ß¿òµÄ·ç¸ñ¡£
border-top Éϱ߿òÊôÐÔ
¸ÃCSSÊôÐÔÓÃÀ´É趨Éϱ߿ò¿í¶È£¬·ç¸ñºÍÑÕÉ«¡£
border-top-color Éϱ߿òÑÕÉ«ÊôÐÔ
¸ÃCSSÊôÐÔÓÃÀ´É趨Éϱ߿òµÄÑÕÉ«¡£
border-top-style Éϱ߿ò·ç¸ñÊôÐÔ
¸ÃCSSÊôÐÔÓÃÀ´É趨Éϱ߿òµÄ·ç¸ñ¡£
border-top-width Éϱ߿ò¿í¶ÈÊ
Ïà¹ØÎĵµ£º
ÔÚDIV+CSSµÄʱ´úÀӵÓÐÒ»¸öÌùÐĵÄCSSÊÖ²á»á¼«´óµÄÔö¼ÓÍøÒ³Éè¼ÆµÄЧÂÊ¡£Ä¿Ç°ÊÐÃæÉÏ´ó¼ÒÓõÄ×î¶àµÄ¾ÍÊÇËÕÉòСÓêÖÆ×÷µÄ¡¶CSS 2.0ÖÐÎÄÊֲᡷ£¬ÎÒÒ²Ò»Ö±ÓÃÁËÓÐËÄÎåÄêÁË¡£ÊÖ²áʹÓÃCHM¸ñʽ£¬ÄÚÈݷdz£µÄ·á¸»£¬¼¸ºõ°üÀ¨ÁËCSS2µÄËùÓÐÄÚÈÝ¡£
ÏÂÔØµØÖ·
http://www.javatang.com/_download/css2handbook.rar ......
ÍøÉÏ¿´µ½µÄһЩCSS¹¤¾ß×ÊÔ´
ÔÚÏßCSS¹¤¾ß£º
W3C CSS УÑé·þÎñ :ÌṩÍòÎ¬ÍøÐ»á(W3C)Ñùʽ±í(CSS)УÑé·þÎñ¡£
CSS ÔÚÏß±à¼Æ÷:OnLine CSS Designer - CSS Style Editor¡£ CSS ÑùʽÔÚÏß±à¼Æ÷£¬¿ÉÒÔ¼´Ê±²é¿´CSS ÑùʽЧ¹ûÑÝʾ¡£
QrONE CSS Designer £ºÔÚÏßCSS±à¼Æ÷£¬Ëù¼û¼´ËùµÃ¡£
SKUER - The CSS Search Engine :SKUER ......
DIV+CSSÉè¼ÆµÄÍøÕ¾Êǰ´ÕÕW3C±ê×¼µÄ£¬Èç¹ûÒ»¸öÕ¾µãÍêÈ«ÊÇCSS+DIVÖÆ×÷µÄ£¬ÄÇôÄãÍøÕ¾µÄSEO£¨ËÑË÷ÒýÇæÓÅ»¯£©¹¤×÷ÒѾÍê³ÉÁË30%£¡ÎªÊ²Ã´»áÕâô˵£¿SEOÆäËû·½ÃæÔÚÄĺã¬Çë½Ó×ÅÎÒµÄ˼·ÍùÏ¿´£º
ʯ¼Ò×¯ÍøÕ¾ÓÅ»¯
DIV+CSS ÍøÕ¾Ï൱30%µÄSEO¹¤×÷
1¡¢div+cssÍøÕ¾×ñÑ“ÍøÒ³½á¹¹¡¢±íÏÖ¡¢ÐÐΪ·ÖÀ룬»¥²»¸ÉÉæÇÀ¹¦”ÀíÄÇÒ ......
1.ͼƬµÄ´¹Ö±¾ÓÖÐ
.box
{
/*·ÇIEµÄÖ÷Á÷ä¯ÀÀÆ÷ʶ±ðµÄ´¹Ö±¾ÓÖеķ½·¨*/
display: table-cell;
vertical-align: middle; /*ÉèÖÃˮƽ¾ÓÖÐ*/
text-align: center;
/* Õë¶ÔIEµÄHack */
*display:block;
......
¡¢ÔÚFlash¼ÓÈ룺<param name="wmode" value="opaque">
2¡¢ÔÚDIVÀï¼ÓÈ룺position:absolute;z-index:10;£¨Êý×ÖÔ½´óÔ½´¦ÓÚÉϲ㣩
FLASH͸Ã÷±³¾°
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0 ......