2020.0325知识总结

知识总结

一、新闻列表的流程：
1：结构
如果新闻后面有时间
< li>
< a herf=”#”>新闻内容< /a>
< span>时间< /span>
< / li>
如果没有时间
< li>
< a herf=”#”>新闻内容< /a>
< / li>
2：给li添加宽高，高度量取的时候，量行高就行。
3：给新闻内容a和时间span添加浮动，一左一右。
4：设置文本样式。
5：用添加背景图的形式给li添加列表符号
6：让背景图上下居中 ，文本上下居中
7：给li添加padding-left 把列表符号露出来
二、空白页面的处理：
1：空白空间的处理
White-spae:;
Pre
Pre-wrap
Pre-line
Inherit 继承
Nowrap 不让文本换行
2：溢出属性（控制内容溢出时候的显示方式）
Overflow属性:
Auto 当内容超出是由滚动条，没超出时没有
Scroll 添加滚动条
Hidden 溢出隐藏
Inherit 继承

拓展：
Overflow-x:横向
Overflow-y:纵向
3：text-Overflow:ellipsis/clip
Ellipsis 省略号显示
Clip 没有省略号

控制单行文本，溢出 省略号显示：
1：White-spae:nowrap; 不换行
2：Overflow：hidden； 溢出内容隐藏
3：text-Overflow:ellipsis； 溢出内容省略号显示
4：容器要有宽度！