小石糖记

摘要： ①、一般情况下，这两个语句可以相互替换； ②、switch...case 语句通常处理 case为比较确定值的情况，而if... else if...语句更加灵活，常用于范围判断（大于、等于某个范围）； ③、switch语句进行条件判断后直接执行到程序的条件语句，效率更高。而if... else i 阅读全文

摘要： ①、利用margin实现： ②、利用translate实现： 阅读全文

摘要： 获取内容时的区别： innerText会去除空格和换行，而innerHTML会保留空格和换行； 设置内容时的区别： innerText不会识别html，而innerHTML会识别； 阅读全文

摘要： ①、一般情况下，它们两个语句可以相互替换； ②、switch...case语句通常处理case为比较确定值的情况，而if...else...语句更加灵活，常用于范围判断（大于、等于某个范围）； ③、switch语句进行条件判断后直接执行到程序的条件语句，效率更高。而if...else...语句有几种 阅读全文

摘要： 场景：让某元素本身在屏幕中不可见。如：鼠标:hover之后元素隐藏； 常见属性： 1、visibility: hidden; 2、display: none; 区别： 1、visibility: hidden;隐藏元素本身，并且在网页中占位置； 2、display: none;隐藏元素本身，并且在网 阅读全文

摘要： 1、文本框和表单按钮无法对齐的问题； 2、input和img无法对其的问题； 3、div中的文本框，文本框无法贴顶问题； 4、div不设高度由img标签撑开，此时img标签下面会存在额外间隙问题； 5、使用line-height让img标签垂直居中； 注意点： 1、不推荐使用行内块元素让div一行中 阅读全文

摘要： 1、不同布局方式元素的层级关系： 标准流 < 浮动 < 定位 2、不同定位之间的层级关系： ①、相对、绝对、固定默认层级相同； ②、此时HTML中写在下面的元素层级更高、会覆盖上面的元素； 阅读全文

摘要： 1、子绝父相 2、先让子盒子往右移动父元素的一半； left:50%; 3、再让子盒子往左移动自己的一半； ①、普通做法：margin-left：负的子盒子宽度的一半； 缺点：子盒子宽度变化后需要重新改代码； ②、优化做法：transform：translateX(-50%)； 优点：表示沿着X轴负 阅读全文

摘要： 1、静态定位 介绍：静态定位是默认值，就是之前认识的标准流。 代码：position:static; 注意点： ①、静态定位就是之前的标准流，不能通过方位属性进行移动； ②、我们之后说的定位不包括静态定位，一般特指后几种：相对、绝对、固定； 2、相对定位 介绍：自恋型定位，相对于自己之前的位置进行移 阅读全文

摘要： 1、直接设置父元素高度： 特点： ①、优点：简单粗暴，方便； ②、缺点：有些布局中不能固定父元素的高度。例如：新闻列表、京东推荐模； 2、额外标签法： (1)、操作： ①、在父元素内容的最后添加一个块级元素； ②、给添加的块级元素设置 clear：both； (2)、特点： ①、缺点：会在页面中添加 阅读全文