HTML<css+div> 基础学习

<input type ="checkbox" checked="checked" />
    <input type="radio" name="sex" />男
        <br />
        <input type="radio" name="sex"  />女
             <br />
        <input type="radio"name="sex"  />其它
通过name分组，同一个NAME间互斥

select中的项是<option>

  <select>  comobox
            <option>北京</option>
            <option>上海</option>
            <option>苏州</option>
        </select>
                <select size="3">   --listbox
            <option>北京</option>
            <option value=1>上海</option>
            <option>苏州</option>
        </select>

默认选择哪个
          <option value="2" selected="selected">上海</option>

默认选择2个

    <label for="name" >姓名：</label>  <input id="name" type="text" />
     <label for="ma" >婚否:</label> <input  id="ma" type="checkbox" />

label for 即对对应的控件起作用

  <fieldset>      --包着text控件，比较规整一些
      <legend>标题</legend>
      <input type="text" />
      <br />
            <input type="text" />
      <br />
            <input type="text" />
  </fieldset>

css是描述元素的皮肤（内联的方式比直接声明的方式等级高）
1.内联    <input type="text" value="CSSyangshi" style="background-color:red;border-color:green ;text-align:center" />
2.嵌入   
3.外部引用

div  将内容放到层中，就可以将这些内容做为一个整体来使用
做一个整体使用，非常像Panel

DIV:定义一个四方块，会影响布局，
span:只是把一段内容定义成一个整体进行操作，但不影响到布局

    <div style="border-color:red;border-width:2px;border-style:double;width:50px">你好哇</div>

    <div style="cursor:pointer;color:blue"><u>nihao</u></div> //模拟点击效果

   <li style="list-style-type:none"> //不显示li前的点

三种选择器：
1.标签
     P strong {
       background-color:yellow;
       }
       H1, H2, input {
       background-color:red;
       }
p标签里的strong标准的样式
2.class 在名字前加.
       label.accout {
       font-style:italic;
       }
    <input class="accout" type="text" value="xxxxxxxx"/>
3.id   用#

       #username {
       font-size:xx-large;
       }
    <input id="username" type="text" value="aaaaaaaaaaaaaaa" />