js函数作用域链
摘要：一个变量的作用域与函数声明的位置有关，与函数调用的位置无关
阅读全文
posted @ 2024-03-18 18:06
03 2024 档案
定位
摘要：相对定位：relative 相对于自己原来的位置，不会脱离文档流，不会对相邻元素位置产生影响，也不会改变元素原有的显示模式，可以与浮动一起设置。 绝对定位：absolute 相对于第一个定位的祖先元素的内边距来定位（从父元素开始网上找），如果没有定位的祖先元素，则相对于整个页面定位。 绝对定位的特点
阅读全文
posted @ 2024-03-14 08:16
多个行内块元素文字内容个数不同无法水平排列
摘要：原因：由于行内块元素与外面文字对齐方式都是基线对齐。 解决方案：将vertical-align设置不为baseline的其它对齐方式。
阅读全文
posted @ 2024-03-13 20:31
行内块元素底部出现空白
摘要：行内块元素底部出现空白 原因：由于行内块元素默认与文字对齐方式为基线（baseline）对齐。 解决方案一：将父元素字体大小设置为0 解决方案二：将对齐方式改为除基线（baseline）以外的其它方式即可，一般改为vertical-align:bottom; 解决方案三：将行内块改为块元素.disp
阅读全文
posted @ 2024-03-13 20:13
行内块元素之间出现空白
摘要：原因：由于代码换行使行内块之间出现换行符，会被浏览器识别成空格，因此也是一个字体。 解决方案一：代码不换行（不推荐） 解决方案二：将父元素字体大小设置为0，相应子元素设置需要的字体大小即可。
阅读全文
posted @ 2024-03-13 20:02
内边距、外边距设置百分比规则
摘要：内边距、外边距使用百分比设置值，无论上下左右都是以父元素的内容宽为基准。 内边距设置负值无效
阅读全文
posted @ 2024-03-13 09:17
背景图百分比位置解析
摘要：div { background-image:url(./1.png) background-position: 20% 30%; } 解释：使用百分比表示背景图位置时，背景图（1.png）和元素（div）将会分别在自身X轴20%，Y轴30%创建一个坐标，然后这两个坐标点重合之后就是背景图在元素上的
阅读全文
posted @ 2024-03-12 19:44
font的子属性 —— line-height
摘要：div { line-height:30px; font: bold 14px 宋体; } 由于line-height为font的子属性，因此div的line-height:30px会被复合属性font覆盖，不会生效。 复合写法： div { font: bold 14px/30px 宋体; } d
阅读全文
posted @ 2024-03-12 17:52
什么是HTML？
摘要：HTML是一种超文本标记语言：超文本 —— 通过链接把多个网页链接到一起 标 记 —— 也叫标签，带尖括号的文本
阅读全文
posted @ 2024-03-11 11:47
