由于html标签太多,很多不一定会用到,因而容易忘记。但是也有很多在有特定功能的网页布局中用得比较频繁,就拿之前写的一个报纸排版来说吧,有些标签需要经常用到,所以我把它们做了一个总结。下面,我们一起来看看在报纸排版中比较常用的几个标签和一些效果实现。
(1)background-size:设置背景图片的大小
报纸排版中的背景图必不可少,而这个标签的作用就是设置背景图片的大小,以长度值或者百分比显示,也可通过cover和contain来对图片进行伸缩。
语法:background-size: auto | <长度值> | <百分比> | cover | contain
取值说明:1. auto:默认值,不改变背景图的原始宽高。
2. <长度值>:成对出现时分别表示width和height;设置为一个值时表示将其作为宽度值等比缩放。
3. <百分比>:0~100%之间的任何值,表示在原来的基础上乘上百分比得出数值。成对和设置一个值的时候同上。
4. cover:将背景图等比缩放以填满这个容器。
5. contain:将背景图等比缩放至某一边紧贴容器边缘为止。