前言 flex 是常用的 css3 布局方式，可以用少量的代码高效的实现各种页面布局，是一个基础的但是必须会的基本技能，在面试中经常会用到。 例如，最基本的让你实现元素的水平／垂直居中，或在这个基础上延伸出更多其他复杂一些的问题。 下面我们 ...

css盒子模型 css和模型有两种，第一种是标准盒子模型（content-box），另一种是怪异盒子模型（IE,border-box）。标准盒子模型的盒子宽度width = contentWidth + paddingLeft + pad ...

1. float+overflow:hidden 这种办法主要通过 overflow 触发 BFC,而 BFC 不会重叠浮动元素。由于设置 overflow:hidden 并不会触发 IE6-浏览器的 haslayout 属性，所以需要设置 ...

接下来我们继续暴力撸代码，我们来创建第一个页面——项目列表页面。代码所在地：https://gitee.com/underline/DataMock-Electron.git 首先，我们在pages目录下创建project-list文件夹 ...

今天的知识点 (2020-03-11) 24.sessionStorage 、localStorage 和 cookie 之间的区别 25.什么是Array map() 方法 26.Promise的简单理解 27.从浏览器地址栏输入url到 ...

==移动开发基本知识点== calc基本语法 它可以支持加，减，乘，除; 在做手机端的时候非常有用的一个知识点; 优点如下： 支持使用 "+"、"-"、"*"、"/" 四则运算 可以混合使用百分比(%)、px、em、rem等作为单位可进行计 ...

flex布局兼容知识点总结 ==假设父容器class为box，子项目为item== 一、定义容器的display属性 .box{ display: -webkit-flex; displau: flex; } 二、容器样式 ...

HTML5新增的标签 标签 作用 article 定义文章 aside 定义页面内容旁边的内容 audio 定义声音内容 canvas 定义图形 command 定义一个控制按钮 datagrid 指数或者表格状数据格式中的动态数据 dat ...

1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑： .verticalcenter{ position: relative; top: ...

background 属性是 CSS 中用于设置元素背景的属性，最简单的background属 性名，是针对背景若干设定的合并简写，最早的 CSS 只能使用单一背景图片，而在现在却可以设置多个背景图片。而不用图片的话，最早的 backgr ...