html+css报纸排版中的那些事

由于html标签太多，很多不一定会用到，因而容易忘记。但是也有很多在有特定功能的网页布局中用得比较频繁，就拿之前写的一个报纸排版来说吧，有些标签需要经常用到，所以我把它们做了一个总结。下面，我们一起来看看在报纸排版中比较常用的几个标签和一些效果实现。

（1）background-size：设置背景图片的大小

           报纸排版中的背景图必不可少，而这个标签的作用就是设置背景图片的大小，以长度值或者百分比显示，也可通过cover和contain来对图片进行伸缩。

           语法：background-size: auto | <长度值> | <百分比> | cover | contain

           取值说明：1.  auto：默认值，不改变背景图的原始宽高。

                            2.  <长度值>：成对出现时分别表示width和height；设置为一个值时表示将其作为宽度值等比缩放。

                            3.  <百分比>：0~100%之间的任何值，表示在原来的基础上乘上百分比得出数值。成对和设置一个值的时候同上。

                            4.  cover：将背景图等比缩放以填满这个容器。

                            5.  contain：将背景图等比缩放至某一边紧贴容器边缘为止。

（2）文