the Lightbox of CSS Tutorials
the definition of HTML and body tags for CSS tutorialsPart I video Part II video
Content:
One, 100% of the adaptive height to set both the HTML and body tags.
Second, the scope of the HTML tag is equal to the body tag scope plus scroll bar.
Date: 2007.3.2
the definition of HR tags for CSS tutorialsVideo Address
the definition of the table tag of the CSS tutorialFirst video second lecture video The third lecture Video IV video
Content: The application of the form in the new Web Standard and the table,tr,td,th label, introduce the format of two software and CSS definition, tablecss
Date: 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 {Paddin g: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" > &L T;caption> This is a form </caption> <colgroup> <cOL class= "name"/> <col/> <col/> </colgroup> <thead> <tr> <th></th> <th> colors </th> <th> models </th> <th> prices </th> </tr> </thead> <tbody class= "tb1" > <tr> <th> First dress </th> <td> Red </td> <td> big </td> <td>100</td> </tr> <TR&G T <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 pants </th> <td> green </td> <td> small </td> <td> ; 240</TD> </tr> </tbody> <tbody class= "tb1" > <tr> <th> Third shirt </th> & lt;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> </tbody> </table> </body> </ptml>
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
