皮皮买

2020年3月2日

摘要：他们是css预处理器。他是css上的一种抽象层。它们是一种特殊的语法/语言编译成css。例如less是一种动态样式语言，将css赋予了动态语言的特性，如变量，继承，运算，函数。less既可以在客户端上面运行（支持ie6+，webkit，firefox），也可以在服务器端运行（借助node.js）阅读全文

posted @ 2020-03-02 09:37 皮皮买阅读(363) 评论(0) 推荐(0)

529，px和em的区别

摘要： px和em都是长度单位，区别是，px值是固定的，指定多少就是多少，计算比较容易。em的值不是固定的，并且em会继承父级元素的字体大小。浏览器的默认字体高都是16px。所以未经调整的浏览器都符合1em = 16px。那么12px = 0.75em，10px = 0.625em。阅读全文

posted @ 2020-03-02 09:27 皮皮买阅读(142) 评论(0) 推荐(0)

528，css中可以让文字在垂直和水平方向上重叠的两个属性是什么

摘要：垂直方向：line-height 水平方向：letter-spacing 阅读全文

posted @ 2020-03-02 09:22 皮皮买阅读(242) 评论(0) 推荐(0)

2020年3月1日

527，垂直居中的方法

摘要：文本垂直居中的方式：line-height设置成height值将父元素显示方式设置为表格，display：table-cell，同时设置vertical-align：middle 使用flex布局，设置为align-item：center 绝对位置中bottom：0，top：0，并设置margin 阅读全文

posted @ 2020-03-01 23:50 皮皮买阅读(134) 评论(0) 推荐(0)

526，水平垂直均居中的方法

摘要：使用flex-box布局（要注意flex在ie9以下是用不了的） eg，父元素{ justfy-content：center，align-item：center；display：flex；} 对于已知宽高的元素，可以父元素：position：relative；子元素：position：absolu 阅读全文

posted @ 2020-03-01 23:32 皮皮买阅读(157) 评论(0) 推荐(0)

525，水平居中的方法

摘要：元素为行内元素，设置父元素text-align：center；如果元素宽度固定，可以设置左右margin为auto；如果元素为绝对定位，设置父元素position为relative，元素设置为left：0；right：0；并设置margin：auto；使用flex-box布局，是定justif 阅读全文

posted @ 2020-03-01 23:30 皮皮买阅读(160) 评论(0) 推荐(0)

524，jquery事件 - ready（）方法

摘要：当DOM（文档对象模型）已经加载，并且页面（包括图像）已经完全呈现时，会发生ready事件。由于该事件在文档就绪后发生，因此把所有的其他的jquery事件和函数，至于该事件中是非常好的做法。正如上面的例子： $(document).ready(function(){ $(".btn1"）.clic 阅读全文

posted @ 2020-03-01 22:52 皮皮买阅读(146) 评论(0) 推荐(0)

523，JQuery效果 - slideToggle（）方法

摘要：（slide：滑行的意思） slideToggle（）方法，通过使用滑动效果（高度变化）来切换元素的可见状态。如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这些元素。阅读全文

posted @ 2020-03-01 22:26 皮皮买阅读(144) 评论(0) 推荐(0)

522，jquery属性操作 - toggleClass()方法（待理解）

摘要： toggleClass()对设置和移除备选元素的一个或者多个类进行切换。该方法检查每个元素中指定的类，如果不存在就添加类，如果已经设置就删除之。这就是所谓的切换效果。不过，通过使用“switch” 参数，您能够规定只删除或者只添加类。阅读全文

posted @ 2020-03-01 22:08 皮皮买阅读(113) 评论(0) 推荐(0)

2020年2月27日

521，什么是外边距重叠？重叠的结果是什么？

摘要：外边距重叠就是margin-collapse 在css中，相邻的两个盒子可能是兄弟也可能是祖先关系，他们的外边距可以结合成一个单独的外边框。这种合并外边距的方式被称为折叠，因而，所结合成的外边距称为折叠外边距。折叠结果遵循下列计算规则：两个相邻外边距都是正数时，折叠结果是他们两之间的较大的值两阅读全文

posted @ 2020-02-27 21:39 皮皮买阅读(159) 评论(0) 推荐(0)

520，自适应布局的思路（待补充）

摘要：左侧浮动或者绝对定位，右侧通过margin撑开使用flex 使用<div>包含，然后靠margin形成bfc（百科：block formatting context块级格式化上下文 bfc是一个独立的渲染区域，只有block-level box参与，他规定了包括内部的block-level box 阅读全文

posted @ 2020-02-27 18:08 皮皮买阅读(127) 评论(0) 推荐(0)

519，伪类和伪元素的区别

摘要：伪类表示状态伪元素是真的有元素前者单冒号，后者双冒号阅读全文

posted @ 2020-02-27 15:43 皮皮买阅读(107) 评论(0) 推荐(0)

518，自定义字体的使用场景

摘要：宣传，品牌，banner（横幅广告）等固定文案字体图标阅读全文

posted @ 2020-02-27 15:42 皮皮买阅读(170) 评论(0) 推荐(0)

517，sytlus/sass/less的区别

摘要：均具有“变量”，“混合”，“嵌套”，“继承”，“颜色混合”五大基本特性 scss和less语法较为严禁，less要求一定要使用大括号“{}”，scss和stylus可以通过缩进表示层次与嵌套关系 scss没有全局变量的概念，less和stylus有类似于其他语言的作用域概念 sass是基于ruby语阅读全文

posted @ 2020-02-27 15:40 皮皮买阅读(153) 评论(0) 推荐(0)

516，base64的原理及优缺点

摘要：优点是可以加密，减少了http请求缺点是需要消耗cpu进行编解码适用于小图片 base的体积约为原图的4/3 阅读全文

posted @ 2020-02-27 15:30 皮皮买阅读(309) 评论(0) 推荐(0)

公告