01 Review Content
Review the prior knowledge points
02 Demo vs Create Element
03div and span differences
Transform between div and span through the display property.
<! DOCTYPE html>"http://www.w3.org/1999/xhtml">"Content-type"Content="text/html; Charset=utf-8"/> <title></title>"border:red solid 1px;height:200px;"> <input type="Button"Name="name"Value="I'm the button, I'm proud"/> </div> <span>I'm proud too! <input type="Button"Name="name"Value="I'm more proud ."/> </span>If you find me evil, please remember, I have been pure. Wisdom Podcast<div style="width:300px; height:200px; background-color:yellow; display:inline ;"> Official website </div>http://www.itcast.cn<br/>Wisdom Podcast<span style="width:300px; height:200px; background-color:yellow; Display:block ;"> Official website </span>http://www.itcast.cn</body>View CodeSeveral properties commonly used in the CSS
05 Common several CSS Properties
<!DOCTYPE HTML><HTMLxmlns= "http://www.w3.org/1999/xhtml"><Head><Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8"/> <title></title></Head><Body> <Divstyle= "width:500px; height:300px; background-color:white; border:1px solid red; color:black; cursor:pointer;">Another method Cursor:url (Dinosaru.ani); <inputtype= "button"name= "Name"value= "I am an old horse, point me, be ruthless." />If I am evil, please remember that I have been pure. <ulstyle= "list-style-type:none;padding:0"> <Li>Damn, it's getting pretty again.</Li> <Li>Damn, it's getting pretty again.</Li> <Li>Damn, it's getting pretty again.</Li> <Li>Damn, it's getting pretty again.</Li> <Li>Damn, it's getting pretty again.</Li> </ul> <Tablestyle= "border:1px Red solid">differentiate border= "1", only outer border, no cell border<TR> <TD>123456</TD> <TD>123456</TD> <TD>123456</TD> <TD>123456</TD> </TR> <TR> <TD>123456</TD> <TD>123456</TD> <TD>123456</TD> <TD>123456</TD> </TR> <TR> <TD>123456</TD> <TD>123456</TD> <TD>123456</TD> <TD>123456</TD> </TR> <TR> <TD>123456</TD> <TD>123456</TD> <TD>123456</TD> <TD>123456</TD> </TR> </Table> </Div></Body></HTML>
View Code----2013.07.01---div and span differences, CSS Common Properties, selectors, the way to use CSS, out of document flow, div+css layout, box model, frame, JS basic introduction