黄子涵 - 博客园

2022年6月28日

摘要：问题如题所示答案 resize属性规定了什么？ CSS中的resize属性根据上面，我们可以知道resize属性用户可以调整元素的尺寸。 resize: vertical;指的是用户可以在垂直方向上调整元素的尺寸。我们来看一下对比的效果吧：在没有添加resize: vertical;这句话阅读全文

posted @ 2022-06-28 14:56 黄子涵阅读(471) 评论(0) 推荐(0) 编辑

查漏补缺——说说box-shadow

摘要：问题如题所示答案相关源码： box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); CSS3box-shadow属性详解 box-shadow详解 CSS —— 盒子阴影（box-shadow）按照顺序解释上面源码的参数的意思： 0指的是x轴偏移量是0、 2 阅读全文

posted @ 2022-06-28 12:23 黄子涵阅读(42) 评论(0) 推荐(0) 编辑

查漏补缺——说说后代选择器和子选择器

摘要：问题如题所示答案首先，什么是选择器呢？我的理解是CSS选择器可以选定某类元素进行样式控制。 css选择器是什么？css选择器有哪些类型？所以后代选择器和子选择器也是选择某类元素进行样式控制的。看它们的名字后代选择器和子选择器应该属于复合选择器。复合选择器是由基本选择器复合而成。基本选择器有阅读全文

posted @ 2022-06-28 11:26 黄子涵阅读(118) 评论(0) 推荐(0) 编辑

2022年6月27日

查漏补缺——解释一下以下代码

摘要：问题源码如下： .hzh-banner-img:hover { transform: scale(1.1, 1.1); filter: contrast(130%); } 答案 :hover表示光标悬挂在元素上发生改变。 transform表示2D转换，scale表示缩放转换，两个参数表示水平和垂阅读全文

posted @ 2022-06-27 20:43 黄子涵阅读(17) 评论(0) 推荐(0) 编辑

查漏补缺——说说background-size: cover;

摘要：问题如题所示答案完美的背景图全屏css代码 – background-size:cover? 说说background-size:cover;与background-size:contain的区别相关源码： .hzh-banner-img { width: inherit; height: 阅读全文

posted @ 2022-06-27 20:21 黄子涵阅读(93) 评论(0) 推荐(0) 编辑

查漏补缺——说说模板字符串

摘要：问题如题所示答案在源码中看到这样一句源码： <div class="banner-img" :style="{'background-image': `url(${src})`}"> url(${src})这个到底是啥？不太懂，然后群里的朋友跟我说这是模板字符串，然后在网上搜一下答案：模板字阅读全文

posted @ 2022-06-27 17:42 黄子涵阅读(21) 评论(0) 推荐(0) 编辑

2022年6月26日

查漏补缺——cursor: pointer;是啥意思？

摘要：问题如题所示答案 html中cursor的属性,cursor怎么用？CSS中cursor属性的使用方法以及可选值的解析 CSS 鼠标样式 cursor属性 cursor的用法 cursor: pointer;这个的意思是鼠标的光标移动到组件时会变成竖起来的手指。效果如下图：阅读全文

posted @ 2022-06-26 22:01 黄子涵阅读(640) 评论(0) 推荐(0) 编辑

查漏补缺——说说setInterval()和clearInterval()

摘要：问题如题所示答案 setInterval函数的用法 setInterval的用法以及示例相关源码： let timer = setInterval(() => { let scrollTop = window.pageYOffset || document.documentElement.sc 阅读全文

posted @ 2022-06-26 21:50 黄子涵阅读(44) 评论(0) 推荐(0) 编辑

查漏补缺——说说Math.ceil函数的作用

摘要：问题如题所示答案 js 小数向上取整，保留一位有效数字 js 小数向上取整，保留一位有效数字 Math.ceil()表示向上取整，那么向上取整的意思是将会返回一个大于或者等于给定数字的最小整数。阅读全文

posted @ 2022-06-26 13:59 黄子涵阅读(123) 评论(0) 推荐(0) 编辑

查漏补缺——说说rem和em的区别

摘要：问题如题所示答案 rem和em的区别 em,rem的区别与使用相关的源码如下： .hzh-back-top { background-color: #ffffff; position: fixed; right: 3rem; bottom: 8rem; } rem是根据html根目录下的字体大阅读全文

posted @ 2022-06-26 11:04 黄子涵阅读(127) 评论(0) 推荐(0) 编辑

公告