布局方式:静态布局、流式布局、自适应布局、响应式布局、弹性布局 一、静态布局(static layout) 即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。 1...

布局方式:静态布局、流式布局、自适应布局、响应式布局、弹性布局 一、静态布局(static layout) 即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。 1...
块级元素 每个块级元素通常会独占一行或者多行,可以对其单独设置宽度、高度以及对齐等属性。 常见的块级元素:h1~h6、p、div、ul、ol、li等 块级元素的特点: 1)块...
11
position指定了元素的定位类型。 总共有五个类型:static、relative、absolute、fixed、sticky 1、static:HTML 元素的默认值,...
在寻找三者的区别之前,我们需要先了解css的长度单位有哪些: 有两种类型的长度单位:相对和绝对。 相对长度 相对长度单位指定了一个长度相对于另一个长度的属性。对于不同的设备相...
原型
对于vue的组件化开发,存在组件的style样式添加了scoped属性,可以防止父组件的样式渗透。 <style scoped> 当 标签带有scopedattribute ...
BFC (Block formatting context) “块级格式化上下文” 它是页面中的一块渲染区域,有一套渲染规则,决定了其子元素如何布局,以及和其他元素之间的关系...
一、弹性布局 布局类型: 1、浮动+定位 2、自适应(百分比) 3、响应式布局 4、弹性布局(flex布局) 弹性布局的优缺点: 1、优点:兼容性支持所有浏览器(Webkit...
vue.nextTick 的用法:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。 注意:2.1.0 起新增:如果没有提供...
共同点: 1、都是循环遍历数组的每一项; 2、forEach() 和 map() 里面每一次执行匿名函数都支持3个参数:数组中的当前项item,当前项的索引index,原始数...
CSS3的重要模块: 选择器、盒模型、背景和边框、文字特效、2D/3D转换、动画、多列布局、用户界面 1、边框:圆角、盒阴影、边界图片 border-radius: 1px;...
一、利用ES6 Set去重(ES6中最常用) 简写:[...new Set(arr)] 不考虑兼容性,这种去重的方法代码最少。这种方法还无法去掉“{}”空对象,后面的高阶方法...
1. sessionStorage sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。 用法: 储存:sessi...
盒模型一共有两种模式:W3C标准模式和IE怪异模式 一、W3C标准盒模型 由图可得,一个块的总宽度= width + margin(左右) + padding(左右) + b...