CSS
guapiCat
这个作者很懒,什么都没留下…
展开
-
css伪类做小图标总结
1,做卡片的分割线.card2{ border-bottom: 1rpx dashed red; width: 620rpx; margin: 0 auto; position: relative;}.card2::before{ content: ""; display: block; width: 30rpx; height: 30rpx; bor...原创 2019-12-30 14:45:40 · 889 阅读 · 0 评论 -
像素单位总结
px:像素单位。受分辨率的影响。rpx:小程序像素单位。根据屏幕宽度做过适配,省心。em:相对单位(相对父级)。1em=16pxrem:相对单位(相对html标签)。设备html的像素大小即可完成响应式,其实也就是等比缩放了。vw、vh:百分比单位。1vw=1%宽度、1vh=1%高度。由于各个屏幕宽高比例不同,偶尔用它做适配。媒体查询:根据屏幕宽度加载不同的css,达到响应式适...原创 2019-12-23 10:21:00 · 565 阅读 · 0 评论 -
css常用的一些知识
1,position定位中。relative占据”原来的“文档流,absolute不占据文档流。2,我常用的清除浮动方式<div style="clear:both"></div>。复制这段代码即可。3,让同一行的图片、文件居中对齐 vertical-align:middle;4,溢出省略overflow:hidden;text-overflow:ell...原创 2018-12-06 14:30:38 · 100 阅读 · 0 评论