CSS
港式柠檬茶!
这个作者很懒,什么都没留下…
展开
-
CSS中的伪类,应用场景?遮罩层与超链接样式
很久没写博客了…这段时间一直在准备各种面试,把知识点和体系全都总结在印象笔记里,有机会的话再把那些分享出来吧。伪类伪类是同一个标签,根据其不同的种状态,有不同的样式。通俗的可以理解成在页面上多加了一层,这个层就是伪类,具体长什么样,在这个层的CSS里定义即可。应用场景伪类一个很大的应用场景就是在超链接里:link:连接平常的状态visited:连接被访问过之后hover:鼠标放到连...原创 2019-05-01 21:56:33 · 1117 阅读 · 0 评论 -
利用flex布局实现仿微信群的多头像九宫格自适应布局
利用flex布局实现微信群的多头像自适应布局微信群聊的头像是多个成员的组合,例如下图。可以看到根据单个小头像的大小可以分为三类,分别可以看做是整个大头像的98%,47%和31%。所以可以根据单个数组的长度,分别匹配不同的样式。而为了模拟后台返回的多头像接口,需要额外做一个判断,即最多只能显示9张头像。<div id="app"> <div class="avata...原创 2019-07-20 17:11:48 · 2883 阅读 · 0 评论