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ʵÏÖÍøÒ³±³¾°½¥±äµÄ´úÂëÈçÏ£º
Ò»¡¢´ÓÉÏÍùϽ¥±ä
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, ......
Ê×ÏÈÊÇ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 ......
Ò»¡¢YAML
´ó¼Ò±È½ÏÊìϤµÄÊÇjs¿ò¼Ü£¬ÀýÈçprototype¡¢JQueryѽ¡£ÆäʵXHTML+CSSÒ²ÊÇ
Óпò¼ÜµÄ£¬×îÖøÃûµÄ¿ÉÄܾÍÊÇYUIÁË£¬ÊÇyahoo¿ª·¢Ð¡×éµÄ¡£µ«ÊÇÄǸöÉÔ΢ÓеãÅӴ󣬶øÇÒÇ£³¶µ½Ò»Ð©µÄJS¿ò¼Ü¡£ËùÒÔ¸Õ¿ªÊ¼Ñо¿µÄʱºò¿ÉÄÜÉÔ΢ÓеãÀÛ¡£
¶øÕâ¸öYAML¾Í±È½Ïµ¥´¿ÁË¡£¿ÉÄÜÊÇÏÖÔÚ»¹ÔÚ·¢Õ¹³õÆÚËùÒÔ¿ò¼ÜºÜ¼òµ¥£¬¶«Î÷²»¶à£¬¶ÔXHMTL+CSS¿ò¼ ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Ò»¸ö±È½Ï²»´íµÄC ......