随笔分类 -  前端

JS--原型与原型链
摘要：一：原型的概念 只要创建了一个新函数，就会为该函数创建一个prototype属性，该属性指向函数的原型对象。所有的原型对象都会自动获得一个constructor属性，指向prototype属性所在的函数。调用构造函数创建一个实例后，在实例内部包含一个[[Prototype]]指针，指向构造函数的原型 阅读全文
posted @ 2020-05-18 14:53 Quark_L 阅读(194) 评论(0) 推荐(0)
hover可操控的元素范围
摘要：hover可操控子元素 也通过+号来操纵同级元素 只能操纵相邻的兄弟元素,也可操纵相邻同级元素的子元素 不相邻的同级元素不能操纵 <html> <body> <style> #a:hover {color : #FFFF00;} #a:hover > #b:first-child{color : # 阅读全文
posted @ 2020-04-26 10:00 Quark_L 阅读(637) 评论(0) 推荐(0)
inline-block引起的空白间隙的问题
摘要：当HTML+CSS布局时，明明宽度足够为何会换行？ <div class="card-con"> <div class="card-shop-item"></div> <div class="card-shop-item"></div> <div class="card-shop-item"></d 阅读全文
posted @ 2020-04-19 14:56 Quark_L 阅读(187) 评论(0) 推荐(0)
关于position：absolute，祖先元素均为设置定位，子元素如何定位
摘要：在菜鸟教程的CSS教程中有这样一句话 绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于<html> 我也一直以这句话作为绝对定位的标准，直到今天，在偶然发现，祖先元素均未定位的绝对定位元素，无论是定位还是宽高相对于的不是,而是浏览器的窗口即viewport 阅读全文
posted @ 2020-04-13 22:49 Quark_L 阅读(1287) 评论(0) 推荐(1)
absolute和relative元素 设置百分比宽高的差异【转】
摘要：本文转载于:猿2048网站 "absolute和relative元素 设置百分比宽高的差异" 一般元素在页面所占的空间包括：magin border padding content。以前一直以为子元素设置百分比宽高都是以父元素的content值为基准计算的。但是当子元素的position不同时，却是 阅读全文
posted @ 2020-02-26 12:31 Quark_L 阅读(202) 评论(0) 推荐(0)
使用字蛛出现<web font not found>
摘要：今天在使用字蛛时，一直报错<web font not found>，更改了字体文件路径也没有解决，后来查阅官网发现了这句话 开发阶段请使用相对路径的 CSS 与 WebFont 看了一下我的css引入，发现我的路径写的是根路径，将路径改为相对路径，问题解决 阅读全文
posted @ 2020-02-25 18:27 Quark_L 阅读(1288) 评论(0) 推荐(0)
关于css的基线
摘要：简单概括：基线总是与行内高度最高的元素一致的。 注意：基线（base line）并不是汉字文字的下端沿，而是英文字母“x”的下端沿。 具体文档：https://www.jianshu.com/p/59f31a1704de https://blog.csdn.net/q121516340/articl 阅读全文
posted @ 2020-02-25 15:41 Quark_L 阅读(706) 评论(0) 推荐(0)
使用图片或其他样式代替默认单选按钮
摘要：使用label标签链接按钮，通过css设置label的样式，并设置radio为dispaly:none。 阅读全文
posted @ 2020-02-24 19:50 Quark_L 阅读(181) 评论(0) 推荐(0)
jQuery实现点击弹出框外界面关闭弹框
摘要：通过jQuery的closest方法实现点击弹框以外的部分关闭弹框。 closest() 方法返回被选元素的第一个祖先元素。具体用法：https://www.runoob.com/jquery/traversing-closest.html 1 $(document).ready(function( 阅读全文
posted @ 2020-02-23 23:35 Quark_L 阅读(1354) 评论(0) 推荐(0)
bootstrap的居左居右
摘要：Bootstrap4 导航栏元素居右Bootstrap 4正解：.ml-auto元素居右.mr-auto元素居左 阅读全文
posted @ 2020-02-15 16:26 Quark_L 阅读(1102) 评论(0) 推荐(0)