表格

-table 块

• tr 行 table row
• th 表头 table head
• td 表数据 table data;

• caption 表格标题

         
          
                   The cities I visited on my Segway'n USA travels
          
            
           
                
  City
                
  Date
                
  Temperature
                
  Altitude
                
  Population
                
  Diner Rating
             
             
                
  Walla Walla, WA
                
  June 15th
                
  75
                
  1,204 ft
                
  29,686
                
  4/5
             
             
                
  Magic City, ID
                
  June 25th
                
  74
                
  5,312 ft
                
  50
                
  3/5
             
          
         

• 像表现成行开头的话。每个tr放一个th

• 合并行rowspan

      Truth or Consequences,NM    August 9th    93    4,242ft    7,289    5/5    August 27th    98    4/5

• 合并列colspan

表格CSS

• caption-side 表格标题的放置方式

  caption-side: bottom; 表格下方

• 不用外边距，而是用border-spacing 格距，可分为垂直方向和水平方向

• border-collapsa 折叠边框

  border-collapsa: collapse;

列表CSS

• list-style-type

  属性

  • disc 实心圆
  • circle 空心圆
  • square 方格
  • none 什么都没有

• 定制标记

  li {  list-style-image: url(images/backpack.gif);  padding-top: 5px;  margin-left: 20px;}

• 标记位置 list-style-position

nth-child伪类

• 能嵌套

• 奇 偶段落

  p:nth-child(even){    background-color :red;}   p:nth-child(odd) {    background-color :green;}

• 跟n有关

  p:nth-child(2n){background-color :red;}p:nth-child(2n+1){backgroud-color:green;}

• tr,隔层染色

  tr:nth-child(2n+1){     background-color: #fcba7a;}