Loading

摘要: /* http://meyerweb.com/eric/tools/css/reset/ v2.0-modified | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, 阅读全文
posted @ 2021-02-10 23:55 虚伪渲染敷衍 阅读(292) 评论(0) 推荐(0) 编辑
摘要: 元素的层级的介绍 什么是元素的层级 通过z-index可以改变开启定位元素的层级 父元素的层级再高也不会遮盖住子元素 元素的层级的介绍 什么是元素的层级 当元素开启定位后就会是元素提升一个层级,网页是由多个层级组成的 <style> *{ font-size: 50px; font-weight: 阅读全文
posted @ 2021-02-10 23:53 虚伪渲染敷衍 阅读(666) 评论(0) 推荐(0) 编辑
摘要: 浮动引发的高度塌陷问题 高度塌陷问题的产生 BFC(Block Formatting Context)的引入 元素开启BFC后的特点 开启BFC的元素不会被其他浮动元素所覆盖 开启BFC的元素不会发生父子元素外边距重叠 开启BFC后可以包含浮动的子元素 如何开启BFC 设置元素浮动 将元素displ 阅读全文
posted @ 2021-02-10 23:49 虚伪渲染敷衍 阅读(451) 评论(0) 推荐(0) 编辑
摘要: 定位 static(默认值) 没有开启定位 relative 相对定位的性质 包含块(containing block)概念 没有开启定位时包含块就是当前元素最近的祖先块元素 开启绝对定位后的元素包含块有两种情况 如果所有祖先元素都没有开启定位,则依据根元素()进行定位 如果祖先元素有开启定位,则依 阅读全文
posted @ 2021-02-10 23:46 虚伪渲染敷衍 阅读(214) 评论(0) 推荐(0) 编辑
摘要: 弹性盒布局详解 弹性盒介绍 弹性盒的CSS属性 开启弹性盒 弹性容器的CSS属性 flex-direction设置弹性元素在弹性容器中的排列方向 主轴与侧轴(副轴) flex-wrap设置弹性容器空间不足时是否自动换行 flex-flow是wrap与direction结合的属性 justify-co 阅读全文
posted @ 2021-02-10 23:40 虚伪渲染敷衍 阅读(1115) 评论(0) 推荐(0) 编辑
摘要: 垂直外边距折叠 垂直外边距折叠的发生 兄弟元素之间(对开发有利,无需处理) 父子元素之间(需要解决) 解决方法1: 使用文字破坏外边距相邻 解决方法2: 使用border破坏外边距相邻 解决方法3: 不是用外边距,转而去调整内边距(padding) 终极版:解决方法: clearfix类封装 垂直外 阅读全文
posted @ 2021-02-10 23:31 虚伪渲染敷衍 阅读(236) 评论(0) 推荐(0) 编辑
摘要: CSS过度约束性质 什么是CSS过度约束 当没有开启绝对定位或固定定位时 水平布局必须要满足以下等式 探寻能够设置成auto的CSS属性 等式不成立(过度约束)时的几种情况 当margin与width都没有设置为auto 当margin或width中有一个被设置为auto 当margin与width 阅读全文
posted @ 2021-02-10 23:23 虚伪渲染敷衍 阅读(431) 评论(0) 推荐(0) 编辑
摘要: 箭头函数的this 什么是箭头函数,箭头函数是es6的新特性,其出现就是为了更好的表示(代替)回调函数 // 箭头函数 (arg1, arg2) => {} // 当箭头函数只有一个参数 arg1 => console.log(arg1) // 箭头函数隐式return arg1 => arg1 / 阅读全文
posted @ 2021-02-08 18:27 虚伪渲染敷衍 阅读(85) 评论(0) 推荐(0) 编辑
摘要: 基本数据类型与引用数据类型 基本数据类型有五种 /* 基本数据类型有: - String - Number - Boolean - Null ** typeof null 'object' 这只是js的遗留问题,null仍归属于普通数据类型 - Undefined */ var string = ' 阅读全文
posted @ 2021-02-03 00:37 虚伪渲染敷衍 阅读(267) 评论(0) 推荐(0) 编辑
摘要: Less预处理语言学习笔记 Less (Leaner Style Sheets 的缩写) 是一门向后兼容的 CSS 扩展语言。它能够以更灵活的方式去编写CSS,同时能够更加方便的管理CSS/Less 注释 以//开头的单行注释不会被编译到css文件中 // 不会被编译到css文件中 被/**/包裹的 阅读全文
posted @ 2020-10-18 00:39 虚伪渲染敷衍 阅读(241) 评论(0) 推荐(0) 编辑