随笔分类 -  css

摘要:近来一直在做微信小程序的开发,基础的css的东西都快要忘记了。今天比较闲整理一下,以备后期查看。 1、px:px是绝对单位,1px是1像素;比如:电脑屏幕分辨率是1920*1200,那么对应的像素值是1920px*1200px2、em:em是相对单位,相对于其父元素; css: div{ font- 阅读全文
posted @ 2021-02-24 15:46 霜~ 阅读(1309) 评论(0) 推荐(0)
摘要:grid布局:网格布局,通过在父元素上设置display:grid;来设置一个网格容器,内部的子元素采用网格的方式进行布局。 fr单位:css自适应单位;在grid布局中如果一行分为四列,其中一列为固定width:100px,其他列都为1fr,那么1fr=(100% - 100px)/ 3。 单元格 阅读全文
posted @ 2019-04-09 18:37 霜~ 阅读(718) 评论(0) 推荐(0)
摘要:1、类选择器:class名 =>p.info {} //选择class为info的所有p元素 2、id选择器: id名 => #info {} //选择id为info的元素 不能为多个元素同时设置相同的id 3、标签选择器:标签名 => div {} //选择所有的div 4、并列选择器:#info 阅读全文
posted @ 2019-03-06 16:38 霜~ 阅读(3353) 评论(0) 推荐(0)
摘要:1、第一行 .text-overflow{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 2、第n行 -webkit- .text-overflow-multi{ text-overflow: -o-ellipsi 阅读全文
posted @ 2018-11-16 16:24 霜~ 阅读(680) 评论(0) 推荐(0)
摘要:1、-webkit-text-size-adjust: 100%; //用于防止iPhone横屏时字体自动放大。 2、-webkit-transform: scale(0.875 ); //当需要文字小于12px时可以用scale来进行缩小 3、-ms-overflow-style: scrollb 阅读全文
posted @ 2018-11-16 16:23 霜~ 阅读(258) 评论(0) 推荐(0)