![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
小超努力中
努力变强中
展开
-
axios工具库,一图了解
标题原创 2023-09-23 19:53:30 · 166 阅读 · 0 评论 -
【无标题】
【代码】【无标题】原创 2023-09-12 20:25:34 · 134 阅读 · 0 评论 -
视口、二倍图
于是二倍图就诞生了,用来解决这个问题,我们首先拿到一个100 * 100px得图片,把这张图片压缩成50 * 50px,然后把这张图片放到移动端中,在移动端中会把这张50 * 50px的图片放在一个100 * 100物理像素的区域(这个区域对应的css像素是50px * 50px),会把这个图片放大两倍,刚好就是这张压缩图片的原图,就会显示的非常清晰。在全屏模式下,视口是设备屏幕的范围,窗口是浏览器窗口,浏览器窗口大小小于或等于视口的大小,并且文档是这个网站,文档的大小可比视口长或宽。注意:是网站的区域。原创 2023-04-04 19:47:44 · 365 阅读 · 0 评论 -
nth-of-type和nth-child区别
nth-of-type和nth-child原创 2023-03-04 14:27:51 · 86 阅读 · 0 评论 -
案例:仿小米logo渐变效果练习
给两个伪元素添加hover标签,当标签被触动时,两个元素同时往右移动,加上transition属性即可实现效果。前端的一个小练习,运用到了伪元素+过渡+绝对定位+相对定位+元素隐藏。添加两个伪元素,让before覆盖在标签上,让left在标签的左边。结尾有素材,各位感兴趣可以练一下。设置一个标签和图片大小一样。原创 2023-03-04 14:04:34 · 90 阅读 · 0 评论 -
行高 line-height
行高 line-height原创 2023-02-17 18:59:25 · 91 阅读 · 0 评论