摘要：
盒模型都是由四个部分组成的，分别是margin、border、padding和content 标准盒模型和IE盒模型的区别在于设置width和height时，所对应的范围不同： 标准盒模型：width = content + padding + border + margin IE盒模型：width 阅读全文
posted @ 2023-06-20 14:09
有只小菜猫
阅读(104)
评论(0)
推荐(0)
摘要：
二者都是从父元素的子元素中匹配，或者说从同级兄弟元素中匹配，区别是主要是匹配规则不同； element:nth-child（n） 选中父元素的第几个子元素 , 计数时与元素的类型无关 是先根据 n 匹配规则，在此基础上匹配 element； 首先找到所有当前元素的兄弟元素，然后按照位置先后顺序从1开 阅读全文
posted @ 2023-06-20 11:37
有只小菜猫
阅读(24)
评论(0)
推荐(0)
摘要：
（1）相邻两个盒子垂直方向上的margin会发生重叠，只会取比较大的margin （2）父盒子中给子盒子设置了上边距会出现在父盒子上方 解决： 设置padding代替margin 设置float 设置overflow 设置position：absolute 绝对定位 设置display： inlin 阅读全文
posted @ 2023-06-20 11:35
有只小菜猫
阅读(12)
评论(0)
推荐(0)
摘要：
即开发者对浏览器的默认样式设置 原因： 浏览器兼容问题 为了提高编码的质量，减少代码体积 阅读全文
posted @ 2023-06-20 11:33
有只小菜猫
阅读(10)
评论(0)
推荐(0)
摘要：
（1）src 指向的内容嵌入到文档当前标签所在位置。 （2）href 表示超文本引用，建立当前元素和文档之间的链接，并行进行 阅读全文
posted @ 2023-06-20 11:32
有只小菜猫
阅读(30)
评论(0)
推荐(0)
摘要：
JS定时器动画 window.setTimeout() window.setInterval():指定某个任务每隔一段时间就执行一次，也就是无限次的定时执行 <h3>用setTimeout实现计数器功能</h3> <div id="result">0</div> <button onclick="s 阅读全文
posted @ 2023-06-20 11:32
有只小菜猫
阅读(9)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2023-06-20 11:27
有只小菜猫
阅读(26)
评论(0)
推荐(0)
摘要：
BOM：浏览器对象模型==》 用来获取或设置浏览器的属性、行为。 例如：新建窗口、获取屏幕分辨率、浏览器版本号等 DOM ：文档对象模型==》用来获取或设置文档中标签的属性。 例如：获取或者设置input表单的value值 阅读全文
posted @ 2023-06-20 11:25
有只小菜猫
阅读(156)
评论(0)
推荐(0)
摘要：
1.使用display: none; 隐藏dom；隐藏后不占位 2.使用visibility: hidden; 隐藏dom；隐藏后占位 3.使用z-index: -888; 把元素的层级调为负数，然后其他元素覆盖即可； 4.使用opacity: 0; 把元素的透明度调为0，也可以达到隐藏； 5.使用 阅读全文
posted @ 2023-06-20 11:24
有只小菜猫
阅读(96)
评论(0)
推荐(0)
摘要：
（1）pt|px|em|rem pt（点）:绝对长度单位。常用与印刷中1pt=1/72英寸 px（像素）：相对长度单位。相对于显示器分辨率而言。 em：相对长度单位。相对于当前对象内文本的字体尺寸。【若父级使用了，且设置了文本大小，父级大小随文本改变，继承父级元素的字体大小】 rem:CSS3新增相 阅读全文
posted @ 2023-06-20 11:22
有只小菜猫
阅读(41)
评论(0)
推荐(0)
浙公网安备 33010602011771号