特性 （1）块状化，display渲染为block或table （2）文档流破坏性 （3）包裹性 （4）块状格式化上下文，也就是BFC,absolute 的自适应性最大宽度往往不是由父元素决定的 absolute元素包含块和常规元素的差异 （1）边界是 padding box 而不是 content ...
分类：
Web程序 时间：
2018-10-19 02:03:51
阅读次数：
180
一.补充新的属性 1.transparent 透明的 2.placeholder 提示语 二.如何写页面，写页面需要注意的事件 1.搞清结构层次，结构层套布局层，布局层套结构层。目的：防止页面乱套。 2,.保证模块化，让他们不受影响 （1.）搞清元素性质 （2.）标准流 浮动带来的脱离文档流撑不起父 ...
分类：
Web程序 时间：
2018-10-16 13:49:36
阅读次数：
173
一：定位 意义：脱离原来的标准文档流，与此同时脱标的元素（浮动float，绝对定位，固定定位） 1.绝对定位：position：absolute 如果一级一级往上找页面中没有相对定位，就参考body进行定位。 如果有多个相对定位元素，就参考最近的，就近原则。 z-index:数字。覆盖效果。 数字越 ...
分类：
Web程序 时间：
2018-10-16 13:45:33
阅读次数：
160
改变元素性质的三种方式： position display float 行级元素，行级元素的margin上下不起作用了，左右还行 占位： 针对标准流来说， 元素添加float，position元素，不会占位（脱离标准文档流） 浏览器默认的天生inline-block元素（有内在尺寸，设宽高，不自动换 ...
分类：
其他好文 时间：
2018-10-15 18:23:11
阅读次数：
141
文档流 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文档流</title> <style type="text/css"> .box { width: 200px; height: 200px; background-col ...
分类：
其他好文 时间：
2018-10-15 11:50:23
阅读次数：
159
1、什么是文档流？在窗口自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.(自己的理解是从头到尾按照文档的顺序，该在什么位置就在什么位置，也可以按照上面的意思理解，自上而下，自左到右的顺序)。 2、脱离文档流CSS中脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的 ...
分类：
其他好文 时间：
2018-10-14 20:47:24
阅读次数：
226
一、空间占据 display: none; 是彻底消失，不在文档流中占位，浏览器也不会解析该元素 visibility:hidden; 是视觉上消失了，可以理解为透明度为0的效果，在文档流中占位，浏览器会解析该元素； 使用visibility:hidden比display:none性能上要好，dis ...
分类：
其他好文 时间：
2018-10-14 16:41:34
阅读次数：
198
fasckclick为解决移动端300ms延迟而生 github地址为：https://github.com/ftlabs/fastclick 使用方法： 1. 原生使用(window.onload或其它方式皆可->一切都是在文档流加载完毕) 2. 基于jq使用 3. 基于模块化使用（Vue\Ang ...
分类：
移动开发 时间：
2018-10-14 16:38:18
阅读次数：
242
对基础知识再度做个巩固和梳理。 一、position定位 （一）：position的属性 1.absolute：生成绝对定位的元素，相对于最近一级定位不是static的父元素来进行定位； 2.relative：生成相对定位的元素，相对于其所在普通的文档流位置进行定位； 3.static:默认值，没有 ...
分类：
Web程序 时间：
2018-10-14 11:28:02
阅读次数：
155
sticky vs fixed sticky：表示粘贴到某个位置。当组件设置了该属性值后，当页面滑动时，组件会跟着页面移动，当组件触及到窗体后，页面若继续滑动，组件则处在与窗体接触的位置不动。元素的定位是根据文档的正常流动,然后相对于其抵消最近的滚动的祖先和包含块(最近的块级的祖先),包括table ...
分类：
其他好文 时间：
2018-10-13 14:40:00
阅读次数：
108
