页面布局

新闻列表

      新闻列表的流程
                        用无序列表 ul  li  
                        1 当有时间时  
                        <ul>
                             <li>
                                 <a href="">文字</a>
                                 <span>时间</span>
                             </li>
                        </ul>
                        2没有时间时
                         <ul>
                             <li>
                                 <a href="">文字</a>
                             </li>
                        </ul>
                        3 要给li 加上宽高 高度用行高代替
                        4 给文字a  和 时间 加浮动 一左一右
                        5 给文本添加样式
                        6 用背景图给li 添加列表符号  让列表符号上下居中   文本上下居中
                        7 给文本添加padding-left 跟列表符号拉开间距

省略号

        空白文本  
                white-space   
                           normal
                           pre
                           pre-wrap
                           pre-line
                           inherit  继承
                           nowrap   强制文本在一行


        文本溢出  
                overflow   
                           visible
                           hidden
                           scorll
                           auto
                           inherit
                           overflow-x
                           overflow-y

        文本省略  
                text-overflow
                              clip 
                              ellipsis  省略号

        单行文本显示省略号   
                               1 必须加width
                               2 white-space:nowrap;
                               3 overflow:hidden;
                               4 text-overflow:ellipsis;

图片和文字

用自定义列表 
  dl 
     dd
     dt 
     dd里面加图片  dt里面加文字
     给dd里面导入图片时  应该给图片的宽高都设置成100%
     可以垂直分布  也可以横向分布