python--Learning--day14--web Basics: Html|css

3.15

<a href= "http://www.baidu.com" >he&nbsp;quan</a> # #连接 <p>123<br></p> paragraph br wrap <br />


 
  
 
3.16
Login <form action= "Http://localhost:8888/index"   method= "Get" >    < Input type= "text"   name= "user"  />    <input type= "password"  name= "pwd"/>    <input type= "text"  name= "email"/>     <input type= "Submit"  value= "Login"/></form> Submit backstage <form  enctype= " Multipart/form-data ">    <div>         account number: <input  type= "text"   name= "user"  >      <p>   Password: <input type= "password"  name= "pwd" ></p>         <p> Please select gender </p>         male: <input type= " Radio "  name=" Gender "  value=" 1 "  checked=" checked ">          Women: &Lt;input type= "Radio"   name= "Gender"   value= "1" >         <p> Hobby </p>         Basketball: <input type= "checkbox"   name= "Favor"   value= "1"  >          Football: <input type= "checkbox"   name= "Favor"   value= "1"  >         <p> Skills </p>         Write code: <input type= "checkbox"  name= "Skill"   checked= "checked" >          Service: <input type= "checkbox"  name= "Skill"   >         <p> Uploading Files </p>        <input  type= "File"  name= "FName" >    </div>    < Textarea name= "Meno"  &gtPlease fill in the content here </textarea>    <p> province     <select name= " Shengfen " size=" 2 " multiple=" multiple " >        < Option value= "1"  selected= "selected" > Beijing </option>          <option value= "2" > Shanghai </option>    </select>     </p>    <input type= "Submit"   value= "Submission" >     <input type= "reset"  value= "reset" ></form>- img     src    alt    title-  List     ul         li    ol         li    dl        dt         dd-  Forms     table        thead             tr                 th        tbody             tr                 td    colspan =  '      rowspan =  '- label     is used to click on the file so that the associated tag gets the cursor      <label for= "username" > User name: </label>    <input id= "username"  type= "text"  name= "user"  />- fieldset  # #边款     legend


 
  
 
3.17
css     set the Style property on the label:         background-color:   #2459a2;        height: 48px;         ...     Writing CSS Styles:        1.  Tag's Style property         2.  write in head  style tag write style              - id Selection Area                     #i1 {                     background-color: # 2459a2;                     height: 48px;                 &nbSp; }            - class selector  ******                   . Name {                     ...                   }                   < label  class= ' name ' > </tags >             -  Tag Selector                      div{                         ...                     }                      all div settings on this style              -  hierarchy Selector (spaces)  ******                   .c1 .c2  div{                   }            -  Combo Selector (comma)  ***                       #c1,.c2,div{                   }            -  Property Selector  ******                   Filter the selected labels again by attributes                    .c1[n= ' Alex ']{ width:100px; height:200px; }             PS:                 -  priority, style first on label, write order, nearest principle         The  2.5 css style can also be written in a separate file             <link  rel= "stylesheet"  href= "Commons.css"  />        3, notes             /*  */         4, Border             -   width, style, color    (border: 4px dotted red;)             -  Border-left        5,              height,         height   percent              width,            width   pixels, percent             text-align: ceter,  horizontally centered             line-height, Vertical orientation According to label height             color,       Font color             font-size,   font size              font-weight  font Bold          6, float             let the label wave up, block-level labels can also be stacked               I can't control:                 <div style= "clear: both;" ></div>        7, display             display: none; --  Make tags disappear              display: inline;             display: block;             display: inline-block;                      has inline, the default number of its own how much                       has block, can be set to set height, width,padding  margin             ******             Inline Label: Unable to set height, width,padding  margin              Block-level tags: set height, width, padding  margin        8,     padding       margin (0,auto)            margin:  inner margin          margin             padding-top: Internal margin <body style= "margin: 0;auto:0;" ><div class= "Pg-header" >    <div style= "Width: 980px;margin:  0 auto; " >  # #居中         <div style= "float: left;" > Collection of the Site </div>        <div style= "float: right;" >            <a> Login </a>             <a> Registration </a>         </div>    </div></div><div style= "width:  300px;border:0px solid red; " >    <div style= "width: 96px;height:30px;border:1px solid green; Float: left ">1</div>    <div style=" width: 96px;height:30px; Border:1px solid green;float: left ">2</div>    <div style= "Width: 96px;height:30px;border:1px solid green;float: left" >3</div>     <div style= "clear: both;" ></div>  # #浮动 </div>

This article is from the "what-all" blog, please be sure to keep this source http://hequan.blog.51cto.com/5701886/1907759
python--Learning--day14--web Basics: Html|css