web前端 - 开发常用CSS样式汇总（三）

web前端 - 开发常用CSS样式汇总（三）本站　　说明：RGBA是代表红色（红色）绿色（绿色）蓝色（蓝色）和Alpha（不知道）三个字母的缩写

　　说明：RGBA是代表红色（红色）绿色（绿色）蓝色（蓝色）和Alpha（不知道）三个字母的缩写。

　　当图片带不固定时间，想要让图片整体，一般都用background-size:cover/contain，但这个只适用于背景图。缩放的问题。使用的提前条件：图片的父级容器宽高。

　　封面：保持原有的空间长度。宽度和高度中长度一致，长的部分等比缩放。可能部分区域不可见。（经常）

　　按比例缩小：保持原有尺寸大小，如果容器尺寸较大，图片内容尺寸不变，保持图片的尺寸不变，不会放大缩小；容器尺寸较小的图片内容尺寸不变，最能容纳。

　　在使用vertical-align:middle实现垂直居中的时候，经常会发现不生效的情况。

　　作用环境：父元素设置line-height。需要和高度一致。将显示属性设置为表格单元，将块元素转化为单元格。

　　Ps：垂直对齐不可继承，必须对子元素单独设置。同时需要注意的是线高的高度基于字体大小（即字体的高度），如果文字要转行会出现异常哦。