weixin_44936767的博客

rem是相对于根元素，这样就意味着，我们只需要在根元素确定一个参考值，这个参考值设置为多少，完全可以根据您自己的需求来定。浏览器默认的字号16px如果不定义html根元素设定的font-size的px值。默认就是16px;为了方便计算，时常将在元素中设置font-size值为62.5%:62.5%是10/16*100值，等同于当前的px值为10px;eg:现在我想设置一个字号为16x的字体，转化rem为多少？16px = 16/10=1.6rem根据当前所设定px的大小除以当前html根元素设

<view class="trapezoid"></view>.trapezoid{ position:relative; height: 80px; width: 360rpx; border-left:2rpx solid #c8c8c8; overflow:hidden;}.trapezoid:before{ content:''; display:block; position:absolute; top:0; bott...

单行只适用于<view>标签： overflow: hidden; /* 超出一行文字自动隐藏 */ text-overflow: ellipsis; /* 文字隐藏后添加省略号 */ white-space: nowrap; /* 强制不换行 */多行：display: block;white-space: pre-line;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;word-br.

先上个效果图文字阴影![在这里插入图片描述](https://img-blog.csdnimg.cn/20200605175937313.png#pic_center关键代码 font-size: 40rpx; color: #fff; text-shadow:5rpx 2rpx 6rpx #000;//设置文字阴影关键CSS3 font-weight: bold; letter-spacing:7rpx;//设置文字间距效果图文字颜色渐变不难看出文字的颜色从左到右发生了变化

弹性分布图片变形问题（在图片里添加上即可）：flex-shrink: 0;

<a href="chanlist.php?id=<?=$rs["id"]?>"><div class='right' > <img class="img Shopgouwuc" date-id="<?=$rs["id"]?>" src="images/wxapp/ico_shopadd3.png"> <span>剩余<?=$rs["kucun"]?>件/售<?=$rs["xiaoliang"]?><

上效果：提取码：82ir

.por .por_1:hover .por_img{ /*这里改变的是图片（por_img）*/ -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }