![](https://img-blog.csdnimg.cn/20190918135101160.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
日常练习
记录练习中的问题和学到的新知识
@王小嘿
这个作者很懒,什么都没留下…
展开
-
小米导航栏中的下载app弹出层
前言记一次小米商城导航栏下载app弹出层的知识。在跟课练习的过程中发现用到的不熟悉的知识点有定位 弹出层中出现的向上的小三角形的处理 以及过渡动效和隐藏元素(具体见之前的一篇帖子)提示:以下是本篇文章正文内容,下面案例可供参考一、弹出层中小三角形的处理 在HTML中div的边框是一个t型结构,当宽度和高度都为0时 就成了小三角。其次要朝上的 要留着下 右左 其余同理。在小米商城的例子中小三角的左和右都是背景色,所以将border全部设置为transparent 然后设置下边框是white即可.原创 2021-07-17 10:06:10 · 257 阅读 · 0 评论 -
CSS-Sprite/雪碧图
前言今天在学习背景的时候,做了一个练习,题目是给了三张不同状态的图片要求是a标签的link事件hover事件和active事件分别展示不同的图片,心想还不简单三下五除二写完了。没想到最后看视频的时候发信啊有点瑕疵,当第一次进入页面触发不同事件时会出现在不同背景的间隙出现闪烁之后通过视频了解到可以用雪碧图解决(当时自己也有这个想法,只是不知道名称)一、雪碧图是什么,以及出现闪烁的原因示例:pandas 是通俗的讲就是将多个小图片统一保存到一个大图片中,然后通过调整background-positio.原创 2021-07-10 22:27:45 · 132 阅读 · 0 评论 -
京东导航栏下拉菜单
前言记一次练习京东导航栏下拉菜单时的收获一、下拉菜单的实现思路使用一个div来放下拉菜单的内容,开始使用display:none属性将其隐藏,等到需要时再使用display:block使其出现,同时利用绝对定位的方式来使其脱离文档流来布局,防止影响原来的布局。二、实现中出现的细节问题及解决办法1.鼠标离开location进入location-list时就不再显示location-list解决方法的代码如下: <div class="outer"> <div.原创 2021-07-09 12:21:33 · 2574 阅读 · 1 评论 -
京东导航条高度塌陷问题
京东导航条高度塌陷问题问题描述:给导航条设置背景颜色时,设置上了没有显示出来/*样式*/<style> /* 设置背景色 */ .outer{ background-color: #dfe6e9; } /* 设置内盒子宽度,使其居中显示 */ .inner{ width: 1190px; margin: 0 auto; }原创 2021-07-08 17:50:35 · 126 阅读 · 0 评论