the Lightbox of CSS tutorial
the definition of HTML and body tags for CSS tutorialsPart I video Part II video
Content:
One or 100% of the adaptive height to set both HTML and body tags.
Second, the scope of the HTML tag is equal to the body label scope plus scroll bar.
Release time: 2007.3.2
the definition of the HR tag in the CSS tutorialVideo Address
Definition of table tags for CSS tutorialsThe first lecture video second lecture video third lecture video four-story Video
Content: Web new standards in the application of tables and table,tr,td,th tags, introduced two software and CSS definition of the format, TABLECSS
Release time: 2007.3.1
Code:
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <ptml xmlns=" http://www.w3.org/1999/xhtml "> <pead> <meta http-equiv=" Content-type "content=" text/html; Charset=utf-8 "/> <title> Untitled document </title> <style type=" Text/css "> <!--body {font-size:12px; Font-family:arial, Helvetica, Sans-serif; } table#dd {background-color: #6CADD9; } table#dd thead th {background-color: #6CADD9; Color: #FFFFFF; } #dd td {Padding:6px; width:50px; } TABLE#DD tbody.tb1 td {Background-color: #FFFFFF; } TABLE#DD tbody.tb2 td {Background-color: #F7F7F7; } table#dd tbody td:hover {background-color: #BFEDF9; } table#dd colgroup Col.name {background-color: #E6E6E6; width:100px; Font-weight:normal; }--> </style> </pead> <body> <table border= "0" align= "center" cellspacing= "1" id= "DD" > <caption> This is a form </caption> <colgroup> <col class= "name"/> <col/> <col/>-</colgrou p> <thead> <tr> <th></th> <th> color </th> <th > Model </th> <th> price </th> </tr> </thead> <tbody class= "TB1" > <tr> <th> First dress </th> <td> red </td> <td> Big </td> <td>100</td> </tr> <tr> <th> second dress </th> <td> Green </td> <td> Small </td> <td>120</td> </tr> </tbody> <tbody class= "TB2" > <tr> <th> First pants </th> <td> red </td> <td> Big </td> <td>230</td> </tr> <tr> <th> second trousers &L T;/th> <tD> Green </td> <td> small </td> <td>240</td> </tr> </tbody> ; <tbody class= "tb1" > <tr> <th> Third dress </th> <td> Red </td> <td> Big </td> <td>90</td> </tr> <tr> <th> Fourth dress </ th> <td> Green </td> <td> small </td> <td>100</td> </TR&G T </tbody> </table> </body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
