02 2021 档案

16.2、css三角带有边框的做法、等腰直角三角形
摘要：一、原理： ①、先做一个实心的三角： <div class="box"> <em></em> <span></span> </div> .box em { position: absolute; top: 30px; left: 20px; width: 0; height: 0; border: 阅读全文
posted @ 2021-02-13 22:14 Y字仇杀队 阅读(320) 评论(0) 推荐(0)
32-单行、多行文本省略号显示
摘要：一、单行文本省略号显示： .J_flashSaleList ul li .content h2 { font-size: 14px; font-weight: 400; color: #212121; line-height: 16px; white-space: nowrap; // 强制一行显示 阅读全文
posted @ 2021-02-11 11:57 Y字仇杀队 阅读(56) 评论(0) 推荐(0)
31-清除浮动实例
摘要：一、小米实例 因为没有给大盒子高度，所以给里面两个盒子浮动了之后，大盒子就被压缩成了上面盒子固定高度。因此需要清除浮动： 详细过程参照清除浮动随笔： 阅读全文
posted @ 2021-02-11 11:21 Y字仇杀队 阅读(81) 评论(0) 推荐(0)
30-图片和文字上下垂直居中对齐
摘要：一、如何实现下列效果：文字图片垂直居中对齐。 HTML结构如下： <li> <a href="#"> <img src="images/nav1.png" alt=""> 小米秒杀 </a> </li> css代码： .home-hero-sub .daily-service li { float: 阅读全文
posted @ 2021-02-10 17:27 Y字仇杀队 阅读(464) 评论(0) 推荐(0)
js运算符-1、算数运算符
摘要： 阅读全文
posted @ 2021-02-05 16:38 Y字仇杀队 阅读(39) 评论(0) 推荐(0)
js-5、数据类型的转换
摘要： 阅读全文
posted @ 2021-02-03 21:25 Y字仇杀队 阅读(50) 评论(0) 推荐(0)
js-4、typeof 检测数据类型
摘要： 阅读全文
posted @ 2021-02-03 21:11 Y字仇杀队 阅读(38) 评论(0) 推荐(0)
js-4、布尔值、undefined和null
摘要： 阅读全文
posted @ 2021-02-03 21:09 Y字仇杀队 阅读(63) 评论(0) 推荐(0)
js-3、字符串
摘要： 阅读全文
posted @ 2021-02-03 21:05 Y字仇杀队 阅读(38) 评论(0) 推荐(0)
js-3、数据类型
摘要： 阅读全文
posted @ 2021-02-03 17:36 Y字仇杀队 阅读(23) 评论(0) 推荐(0)
js-2 var let const的区别
摘要：1.const定义的变量不可以修改，而且必须初始化。 1 const b = 2;//正确 2 // const b;//错误，必须初始化 3 console.log('函数外const定义b：' + b);//有输出值 4 // b = 5; 5 // console.log('函数外修改cons 阅读全文
posted @ 2021-02-03 17:11 Y字仇杀队 阅读(85) 评论(0) 推荐(0)
js-1.用户交互
摘要： 阅读全文
posted @ 2021-02-03 17:03 Y字仇杀队 阅读(32) 评论(0) 推荐(0)
29-copy小米网页的一些笔记
摘要：1、注意图片的路径问题。 2、背景图片要给盒子设置宽高才能插入背景图片。 3、input不能使用after和before伪元素。 4、如果两个盒子同级，不能经过第一个盒子第二个盒子发生变化：例如 box:hover box2 { color: red; } 但是可以使用js来触发同级盒子： var 阅读全文
posted @ 2021-02-02 21:49 Y字仇杀队 阅读(83) 评论(0) 推荐(0)
30-2D转换之移动（translate）
摘要：一、语法： x和y是移动的x轴和y轴的距离。 2、translate与定位实现块级盒子水平垂直居中： 阅读全文
posted @ 2021-02-01 21:40 Y字仇杀队 阅读(109) 评论(0) 推荐(0)