1. 塌陷现象(子元素设置margin-top, 父元素会塌陷) 下面例子，此时子元素其实和父元素的距离是0，离父元素的兄弟节点才是100px 触发父元素的bfc, overflow: hidden, border : 解决方案1：父元素设置透明的 border: 1px solid transpa ...
分类：
Web程序 时间：
2020-04-02 22:40:00
阅读次数：
93
flexbox 通过给父级添加display: flex; 使父级变成一个弹性盒模型，以此来影响后代元素(不会影响自身) 设置过弹性盒模型的父级，其子代一般不会超出父元素的内部范围，除非被内容撑开子元素的宽高，导致无法改变子元素的大小时会超出，（注意：一串数字或一串字母写在一起会被浏览器默认为一个字 ...
分类：
其他好文 时间：
2020-04-01 19:43:09
阅读次数：
71
css盒模型是网页布局中不可或缺的部分，以下是对css盒模型简要介绍的思维导图： 注：margin常出现的bug： a：当父元素和子元素都没有设置浮动的情况下，如果给第一个子元素添加margin-top 会错误的把margin-top加在父元素上 b：上下相邻两个元素之间的margin值，不会叠加， ...
分类：
Web程序 时间：
2020-04-01 01:21:47
阅读次数：
319
一、mybatis XML配置文件 <!--这些属性都是可外部配置且可动态替换的，既可以在典型的 Java 属性文件中配置，亦可通过 properties 元素的子元素来传递--> <properties resource="org/mybatis/example/config.properties ...
分类：
其他好文 时间：
2020-03-31 12:36:39
阅读次数：
69
这节课学了复合选择器，显示模式，CSS背景，以及CSS的三大特性。 复合选择器 后代选择器：就是要选择某元素的“子孙后代”，用空格隔开 子元素选择器：就是选择某元素的“亲儿子”，用“>”隔开 交集选择器：是“即是。。。又是。。。”的关系，用“.”隔开 并集选择器：就是标签之间具有相同的样式，用“，” ...
分类：
Web程序 时间：
2020-03-30 00:00:40
阅读次数：
112
移动端父元素绑定touch事件，子元素绑定click事件 一、问题描述 碰到一个非常头疼的问题，为了做一个滑动效果，给li标签绑定了touch事件。滑动之后，li标签的末尾会出现一个删除按钮，然后点击该删除按钮，删除整个li标签。 看起来没什么问题吧，实际上暗藏杀机啊。给删除按钮绑定点击事件的时候， ...
分类：
其他好文 时间：
2020-03-29 17:47:40
阅读次数：
100
jQuery - 删除元素 通过 jQuery，可以很容易地删除已有的 HTML 元素。 删除元素/内容 如需删除元素和内容，一般可使用以下两个 jQuery 方法： remove() - 删除被选元素（及其子元素） empty() - 从被选元素中删除子元素 jQuery remove() 方法 ...
分类：
Web程序 时间：
2020-03-28 10:42:52
阅读次数：
214
对css的伪类选择器真的是又爱又恨，每次都很完美的被搞混了，还是得做一下总结。 :nth of type(n) 选择第n个元素 :first of type 选择第一个元素 :last of type 选择最后一个元素 :nth child(n) 选择父元素的第n个子元素 :nth last chi ...
分类：
Web程序 时间：
2020-03-24 19:05:22
阅读次数：
232
1. 层次选择器 子元素选择器: 只选择子元素 父选择器 > 子选择器 后面紧相邻的兄弟元素: 选择器1 + 选择器2 后面所有的兄弟元素: 选择器1 ~ 选择器2 2.属性选择器 [属性名] 选择具有指定属性名的元素 [属性名] 选择具有指定属性名并且属性值为指定 [属性名=属性值] 选择具有指定 ...
分类：
Web程序 时间：
2020-03-22 15:55:53
阅读次数：
92
CSS3 3种隐藏元素方法的区别 [Toc] display: none 1. 结构: 浏览器不会渲染 的元素, 并且不占据页面空间 2. 事件监听: 无法对元素进行事件监听 3. 继承: 不会被子元素继承(子元素设置 不会显示) 4. 改动: 改动属性值会引起页面的 重排 和 重绘 5. 过渡: ...
分类：
Web程序 时间：
2020-03-20 12:43:25
阅读次数：
104
