er先森 - 博客园

js函数作用域链

摘要：一个变量的作用域与函数声明的位置有关，与函数调用的位置无关阅读全文

posted @ 2024-03-18 18:06 er先森阅读(2) 评论(0) 推荐(0) 编辑

定位

摘要：相对定位：relative 相对于自己原来的位置，不会脱离文档流，不会对相邻元素位置产生影响，也不会改变元素原有的显示模式，可以与浮动一起设置。绝对定位：absolute 相对于第一个定位的祖先元素的内边距来定位（从父元素开始网上找），如果没有定位的祖先元素，则相对于整个页面定位。绝对定位的特点阅读全文

posted @ 2024-03-14 08:16 er先森阅读(2) 评论(0) 推荐(0) 编辑

多个行内块元素文字内容个数不同无法水平排列

摘要：原因：由于行内块元素与外面文字对齐方式都是基线对齐。解决方案：将vertical-align设置不为baseline的其它对齐方式。阅读全文

posted @ 2024-03-13 20:32 er先森阅读(3) 评论(0) 推荐(0) 编辑

行内块元素底部出现空白

摘要：行内块元素底部出现空白原因：由于行内块元素默认与文字对齐方式为基线（baseline）对齐。解决方案一：将父元素字体大小设置为0 解决方案二：将对齐方式改为除基线（baseline）以外的其它方式即可，一般改为vertical-align:bottom; 解决方案三：将行内块改为块元素.disp 阅读全文

posted @ 2024-03-13 20:13 er先森阅读(5) 评论(0) 推荐(0) 编辑

行内块元素之间出现空白

摘要：原因：由于代码换行使行内块之间出现换行符，会被浏览器识别成空格，因此也是一个字体。解决方案一：代码不换行（不推荐）解决方案二：将父元素字体大小设置为0，相应子元素设置需要的字体大小即可。阅读全文

posted @ 2024-03-13 20:03 er先森阅读(9) 评论(0) 推荐(0) 编辑

内边距、外边距设置百分比规则

摘要：内边距、外边距使用百分比设置值，无论上下左右都是以父元素的内容宽为基准。内边距设置负值无效阅读全文

posted @ 2024-03-13 09:17 er先森阅读(2) 评论(0) 推荐(0) 编辑

背景图百分比位置解析

摘要： div { background-image:url(./1.png) background-position: 20% 30%; } 解释：使用百分比表示背景图位置时，背景图（1.png）和元素（div）将会分别在自身X轴20%，Y轴30%创建一个坐标，然后这两个坐标点重合之后就是背景图在元素上的阅读全文

posted @ 2024-03-12 19:44 er先森阅读(3) 评论(0) 推荐(0) 编辑

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:53 er先森阅读(3) 评论(0) 推荐(0) 编辑

什么是HTML？

摘要： HTML是一种超文本标记语言：超文本 —— 通过链接把多个网页链接到一起标记 —— 也叫标签，带尖括号的文本阅读全文

posted @ 2024-03-11 11:48 er先森阅读(2) 评论(0) 推荐(0) 编辑

表单绑定属性

摘要： ![](https://img2023.cnblogs.com/blog/1402537/202212/1402537-20221203122244503-520653670.png) 阅读全文

posted @ 2022-12-03 12:23 er先森阅读(13) 评论(0) 推荐(0) 编辑