今天是CSS的第二天，熟练掌握后代选择器、链接伪类选择器，元素的显示模式以及背景的设置！ 今日框架： 今日重点： 1、复合选择器 1）后代选择器：可以选择父元素中的子元素--用空格分开 2）子元素选择器：选择某个元素最近一级的子元素（亲儿子）--使用 > 分开 3）并集选择器：集体声明 —— 选择多 ...
分类：
Web程序 时间：
2020-11-13 12:58:56
阅读次数：
16
高度坍塌 成因 父元素 div 未设置高度 子元素全部设置浮动（float: left | right;），浮动元素 脱离文档流 且 不占页面空间 由于父元素为设置高度，高度靠内部子元素撑开，而今子元素全部脱离文档流，所以此时父元素的高度为 0，给父元素和子元素设置 边框（border: 1px s ...
分类：
Web程序 时间：
2020-10-19 22:56:44
阅读次数：
31
Event Bubbling：即指某个事件不仅会触发当前元素，还会以嵌套顺序传递到父元素中。直观而言就是对于某个子元素的点击事件同样会被父元素的点击事件处理器捕获。避免Event Bubbling的方式可以使用event.stopPropagation() 或者 IE 9 以下使用event.can ...
分类：
其他好文 时间：
2020-09-24 20:48:34
阅读次数：
36
题目：BFC（块级格式化上下文，用于清楚浮动，防止margin重叠等） 直译成：块级格式化上下文，是一个独立的渲染区域，并且有一定的布局规则。 BFC区域不会与float box重叠 BFC是页面上的一个独立容器，子元素不会影响到外面 计算BFC的高度时，浮动元素也会参与计算 哪些元素会生成BFC： ...
分类：
其他好文 时间：
2020-09-24 00:02:56
阅读次数：
34
最近通过观看pink老师的视频学习了flex布局，以此来记录flex的简单使用！ flex布局原理 flex是flexible Box的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局。 当我们为父盒子设为flex布局以后，子元素的float、clear和 ...
分类：
其他好文 时间：
2020-09-18 03:06:31
阅读次数：
29
今天在写js相册代码时注意到 mouseover是对整个组件起效果的，子元素会发生冒泡，比如这样无论我是移入时到li标签还是子元素img都 外边框都会是红色 而mouseenter只对监听的那个标签起效果，子元素没有发生冒泡，像这样我移动到img时边框就没了 mouseout 事件与mouseove ...
分类：
其他好文 时间：
2020-09-17 22:17:34
阅读次数：
30
flex布局 操作方便，布局极其简单，移动端使用比较广泛 pc端浏览器支持情况比较差 IE11或更低版本不支持flex或仅支持部分 父项常见属性 flex-direction：设置主轴的方向 justify-content：设置主轴上的子元素排列方式 flex-wrap：设置子元素是否换行 alig ...
分类：
其他好文 时间：
2020-09-17 21:26:48
阅读次数：
44
请求处理过程 web应用 standardHost StandardHost加载web应用（StandardContext）有两个入口： 1、context元素部署 Catalina构造Server实例时，在Host元素中增加Context子元素，Context元素将作为Host容器的子容器添加到H ...
分类：
其他好文 时间：
2020-09-17 12:06:13
阅读次数：
14
JS的移入和移除函数的区别 移入事件： mouseover 和 mouseenter 移除事件： mouseout 和 mouseleave mouseover 和 mouseenter的区别 mouseover: 移入时，移入当前元素以及子元素都会触发事件的发生 mouseenter： 移入时只会 ...
分类：
Web程序 时间：
2020-08-19 19:33:45
阅读次数：
78
41.4.1 <global-method-security> 这个元素是为Spring Security beans上的安全方法添加支持的主要手段。可以通过使用注释(在接口或类级别定义)或者通过使用AspectJ语法将一组切入点定义为子元素来保护方法。 <global-method-securit ...
分类：
其他好文 时间：
2020-08-18 15:35:50
阅读次数：
57
