HTML±í¸ñרÓÐÊôÐÔºÍCSS

HTML±í¸ñºÜÈÝÒ×ÉÏÊÖ£¬Ò»¶Ñtr¼Ótd¾Í¿ÉÒÔÏÔʾһÕűí¸ñÁË¡£¸´ÔÓÒ»µã¾ÍÊÇÔÙ¼ÓÉÏth£¬colgroup£¬tbody£¬tfooter£¬captionÖ®Àà¡£ÕâЩHTMLÀïÃæµÄ¸÷ÖÖÔªËصÄÈ·¼ÓÇ¿Á˱í¸ñµÄʵÓÃÐÔºÍÓïÒ廯£¬µ«table±¾Éí¾ÍÓкܴóѧÎÊŶ£¬±Ï¾¹ÊÇÕû¸ö±í¸ñµÄ¸ù°¡£¡
½ñÌìÏÂÃæÒª×ܽá°üº¬¶Ôtable±¾ÉíµÄÊôÐÔ¹éÄɺÍtableרÓõÄCSS±È½Ï£º
attributes VS CSS properties
µÚÒ»¸ö±È½ÏÈÝÒ×»ìÏýµÄÊÇtableµÄborderÊôÐÔºÍCSSÖеÄborder£º
Attribute
border='1' //Sets or retrieves the width of the border to draw around the object. 
CSS
border-style:solid; //only set the border of the table, NOT the border inside table
border-width:1px;
border-color:#ccc;
if you set the border like table.border = 2; it will refer to the first border
µÚ¶þ¸öÊÇCellspacingºÍborder-spacing
Attribute
cellspacing Sets or retrieves the amount of space between cells in a table. 
CSS
border-spacing:20px; the same as cellspacing, NOT for IE7/6
this two will work only if the border-collapse is separate
µÚÈý¸öÊÇcellPadding£¬Ö»ÓÐÊôÐÔ£¬Ã»ÓжÔÓ¦µÄCSS
cellpadding: Sets or retrieves the amount of space between the border of the cell and the content of the cell.
there is no CSS property can do this
µÚËĸötableרÓÐCSS£ºborder-collapse, ¾ö¶¨borderÊǶÀÁ¢»¹ÊǾÛ£
CSS border-collapse:collapse/separate;
This declaration takes two values:
  1. separate: keep borders separate. This is the default.
  2. collapse: merge borders of adjoining cells.
µÚÎå¸ötableרÓÐCSS£º empty-cells
CSS empty-cells
empty-cells is not supported by IE.
This declaration takes two values:
  1. show: show empty cells (with a border). This is the default.
  2. hide: hide empty cells.
µÚÁù¸ötableרÓÐCSS£ºcaption-side
CSS caption-side
Not supported by IE Windows.
Mozilla supports two extra values.
caption-side takes four values, even though W3C specifies only the first two:
  top. This is the default.
  bottom. This is the other official value.
  left. Mozilla extension.
  right. Mozilla