CSS
亚历山大海
这个作者很懒,什么都没留下…
展开
-
CSS之rem如何正确的使用!
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根元素设原创 2020-08-19 16:54:38 · 1682 阅读 · 0 评论 -
CSS制作直角梯形
<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...原创 2020-07-11 11:15:40 · 2558 阅读 · 0 评论 -
微信小程序之文本超出省略
单行只适用于<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.原创 2020-06-24 11:44:09 · 1191 阅读 · 0 评论 -
CSS之文字阴影和文字颜色渐变
先上个效果图文字阴影![在这里插入图片描述](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;//设置文字间距效果图文字颜色渐变不难看出文字的颜色从左到右发生了变化原创 2020-06-05 18:12:22 · 1006 阅读 · 0 评论 -
CSS解决弹性分布图片变形问题!
弹性分布图片变形问题(在图片里添加上即可):flex-shrink: 0;原创 2020-05-27 15:44:34 · 648 阅读 · 0 评论 -
CSS解决点击a标签的子元素不跳转 ,阻止默认行为
<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"]?><原创 2020-05-14 18:25:03 · 1271 阅读 · 0 评论 -
仿淘宝商品查看 鼠标悬停,图片局部放大.来吧白嫖怪!!!
上效果:提取码:82ir原创 2020-05-12 17:57:24 · 383 阅读 · 0 评论 -
CSS之鼠标移上去,向上浮动一点,移出还原
.por .por_1:hover .por_img{ /*这里改变的是图片(por_img)*/ -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }原创 2020-05-12 15:57:29 · 2395 阅读 · 0 评论