03 2021 档案

【品优购】字体图标定位的做法
摘要：.nav .dropdown .dd ul li { position: relative; /* 父--li；子--li的after伪元素 */ } .nav .dropdown .dd ul li::after { position: absolute; right: 5px; top: -8p 阅读全文
posted @ 2021-03-27 22:43 ice猫猫3 阅读(82) 评论(0) 推荐(0)
【品优购】隐藏logo里面的文字
摘要：/* 京东做法 */ font-size: 0; /* 淘宝做法 */ text-indent: -9999px; overflow: hidden; 阅读全文
posted @ 2021-03-27 12:53 ice猫猫3 阅读(54) 评论(0) 推荐(0)
【品优购】字体图标做法
摘要：1.从阿里矢量图库的项目界面-复制链接，加上“https:”前缀后打开 2.ctrl+A复制内容到.css文档里面 3.把“font-family: "iconfont" !important;”复制到类里面，这样可以直接调用 4.根据需要，改before/after 5.直接调用类即可 阅读全文
posted @ 2021-03-27 12:14 ice猫猫3 阅读(114) 评论(0) 推荐(0)
【品优购】小竖线做法
摘要：###html--直接写上小竖线 <div class="fr"> <ul> <li><a href="#">我的订单</a>|</li> <li><a href="#">我的品优购</a>|</li> <li><a href="#">品优购会员</a>|</li> <li><a href="#"> 阅读全文
posted @ 2021-03-27 11:07 ice猫猫3 阅读(105) 评论(0) 推荐(0)
购物进度条--过渡元素
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-03-27 09:25 ice猫猫3 阅读(39) 评论(0) 推荐(0)
土豆网遮罩效果——伪元素
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-03-27 08:26 ice猫猫3 阅读(147) 评论(0) 推荐(0)
京东秒杀模块——css三角形妙用
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-03-26 20:11 ice猫猫3 阅读(187) 评论(0) 推荐(0)
页码跳转模块——行内块妙用；间隔；高宽
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-03-26 19:33 ice猫猫3 阅读(39) 评论(0) 推荐(0)
文字环绕效果——图片float即可
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-03-26 16:23 ice猫猫3 阅读(142) 评论(0) 推荐(0)
京东css三角形做法
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-03-26 14:52 ice猫猫3 阅读(126) 评论(0) 推荐(0)
css三角
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-03-26 14:36 ice猫猫3 阅读(36) 评论(0) 推荐(0)
拼出自己的名字——背景定位属性
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-03-26 14:25 ice猫猫3 阅读(121) 评论(0) 推荐(0)
土豆网遮罩--display:block显示（不占位）
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-03-26 13:59 ice猫猫3 阅读(94) 评论(0) 推荐(0)
淘宝轮播图——nav中小圆点li的做法
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-03-26 12:46 ice猫猫3 阅读(158) 评论(0) 推荐(0)
新浪导航--padding撑开盒子，不是width
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-03-25 15:32 ice猫猫3 阅读(87) 评论(0) 推荐(0)
五彩导航栏--背景图片盖住背景颜色
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-03-23 11:08 ice猫猫3 阅读(196) 评论(0) 推荐(0)
侧边导航栏
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-03-23 09:35 ice猫猫3 阅读(28) 评论(0) 推荐(0)
基本样式练习-天气预报
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-03-22 17:11 ice猫猫3 阅读(82) 评论(0) 推荐(0)
注册页面
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-03-22 10:05 ice猫猫3 阅读(16) 评论(0) 推荐(0)
查看Python安装目录使用的一个命令
摘要：win+R打开，输入cmd pip --version 阅读全文
posted @ 2021-03-15 18:29 ice猫猫3 阅读(76) 评论(0) 推荐(0)