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 Éϱ߿ò¿í¶ÈÊ
Ïà¹ØÎĵµ£º
ÓÃcssʵÏÖÍøÒ³±³¾°½¥±äµÄ´úÂëÈçÏ£º
Ò»¡¢´ÓÉÏÍùϽ¥±ä
Example Source Code [www.mb5u.com]
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
¶þ¡¢´Ó×óÉÏÖÁÓÒϽ¥±ä
Example Source Code [www.mb5u.com]
body{
FILTER: Alpha( style=1, ......
clip:rect(ÉÏ£¬ÓÒ£¬Ï£¬×ó) Ëĸöµã×ø±ê
<img src="1.jpg" style=" clip:rect(0£¬30£¬10£¬10);"/>
´Ë·½·¨²»ÊʺϼôÇб³¾°
±³¾°Ê¹ÓÃ
style="background-image:url(bg.jpg); background-position:20px 0px;"
kground-position:
1.¶¨Î»·½·¨ left center ºáÏò ×ÝÏò
2.ÇÐÈ¡ ºáÏòpx ×ÝÏòpx
²»ÊÊºÏÆ ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<!-- www.div-css.com ÍøÕ¾±ê×¼»¯ 2007-4-16 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
......
1¡¢ÍøÒ³¾ÓÖÐÏÔʾ£º
ÐèÒªÉèÖÃÁ½¸öµØ·½£¬Ò»¸öÊÇbody£¬Ò»¸öÊÇÍâ±ß¿òdiv¡£
CSS£º
body{
margin:0;
padding:0;
text-align:center;
}
#main{ /*×îÍâ²ãDIV*/
width:760px;
margin:0 auto;
padding:0
}
2¡¢ÎÄ×Ö´¹Ö±¾ ......
1.ͼƬµÄ´¹Ö±¾ÓÖÐ
.box
{
/*·ÇIEµÄÖ÷Á÷ä¯ÀÀÆ÷ʶ±ðµÄ´¹Ö±¾ÓÖеķ½·¨*/
display: table-cell;
vertical-align: middle; /*ÉèÖÃˮƽ¾ÓÖÐ*/
text-align: center;
/* Õë¶ÔIEµÄHack */
*display:block;
......