ºÐ×Ó±êÇ©ºÍÊôÐÔ¶ÔÕÕ cssÇø±ðjavascript
ºÐ×Ó±êÇ©ºÍÊôÐÔ¶ÔÕÕ
CSSÓï·¨£¨²»Çø·Ö´óСд£© JavaScriptÓï·¨£¨Çø·Ö´óСд£©
border border
border-bottom borderBottom
border-bottom-color borderBottomColor
border-bottom-style borderBottomStyle
border-bottom-width borderBottomWidth
border-color borderColor
border-left borderLeft
border-left-color borderLeftColor
border-left-style borderLeftStyle
border-left-width borderLeftWidth
border-right borderRight
border-right-color borderRightColor
border-right-style &nbs
Ïà¹ØÎĵµ£º
Ê×ÏÈÊÇHTML´úÂë:
<div id="outer">
<div id="leftFrame" style="width: 20%;">
<div style="height: 30%" id="packageListFrame" title="All Packages" >
Package list goes here
</div>
&n ......
ÍøÉÏ¿´µ½µÄһЩ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 ......
1¡¢ÍøÒ³¾ÓÖÐÏÔʾ£º
ÐèÒªÉèÖÃÁ½¸öµØ·½£¬Ò»¸öÊÇbody£¬Ò»¸öÊÇÍâ±ß¿òdiv¡£
CSS£º
body{
margin:0;
padding:0;
text-align:center;
}
#main{ /*×îÍâ²ãDIV*/
width:760px;
margin:0 auto;
padding:0
}
2¡¢ÎÄ×Ö´¹Ö±¾ ......
DIV+CSSÉè¼ÆµÄÍøÕ¾Êǰ´ÕÕW3C±ê×¼µÄ£¬Èç¹ûÒ»¸öÕ¾µãÍêÈ«ÊÇCSS+DIVÖÆ×÷µÄ£¬ÄÇôÄãÍøÕ¾µÄSEO£¨ËÑË÷ÒýÇæÓÅ»¯£©¹¤×÷ÒѾÍê³ÉÁË30%£¡ÎªÊ²Ã´»áÕâô˵£¿SEOÆäËû·½ÃæÔÚÄĺã¬Çë½Ó×ÅÎÒµÄ˼·ÍùÏ¿´£º
ʯ¼Ò×¯ÍøÕ¾ÓÅ»¯
DIV+CSS ÍøÕ¾Ï൱30%µÄSEO¹¤×÷
1¡¢div+cssÍøÕ¾×ñÑ“ÍøÒ³½á¹¹¡¢±íÏÖ¡¢ÐÐΪ·ÖÀ룬»¥²»¸ÉÉæÇÀ¹¦”ÀíÄÇÒ ......
ÍøÒ³¿É¼ûÇøÓò¿í£º document.body.clientWidth;
ÍøÒ³¿É¼ûÇøÓò¸ß£º document.body.clientHeight;
ÍøÒ³¿É¼ûÇøÓò¿í£º document.body.offsetWidth (°üÀ¨±ßÏߵĿí);
ÍøÒ³¿É¼ûÇøÓò¸ß£º document.body.offsetHeight (°üÀ¨±ßÏߵĿí);
ÍøÒ³ÕýÎÄÈ«ÎÄ¿í£º document.body.scrollWidth;
ÍøÒ³ÕýÎÄÈ«Îĸߣº document.body. ......