Table

table属性

表格标题

  <table border='1' cellspacing='0' align='center'>
      <caption>我是表格标题</caption>
      <thead>
          <tr>
            <th>
                <input type="checkbox" id='j_cbAll'>
             </th>
            <th>商品</th>
            <th>价格</th>
              </tr>
      </thead>
      <tbody id='j_tb'>
        <tr>
          <td>
              <input type="checkbox">
          </td>
              <td></td>
              <td></td>
      </tr>
      </tbody>
 </table>
表格也可以使用css来设置边框
table,td{
  border: 1px solid pink;
  border-collapse: collapse; //合并重叠的边框
  font-size: 14px;
}

表格合并

行合并：rowspan 列合并：colspan
合并的思想：将多个内容合并的时候，就要有多余的东西，把它删除
例如把三个td合并成一个，那就多余了2个，需要删除

a、ul li，等的样式初始化

a {
    text-decoration: none;
}
ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
input{  
    background:none;  
    outline:none;  
    box-sizing:border-box;
}
input:focus :focus 选择器用于选取获得焦点的元素
input:focus{   
    border:none;
}
样式书写顺序
display:
position:
top:
left:
width:
height:
margin:
padding:
下面的顺序就不重要了
background-color:
border:
text-indent: