新闻列表
新闻列表的流程
用无序列表 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%
可以垂直分布 也可以横向分布