1、使用display: inline-block;布局div会使两个字div中间产生间隙，解决办法有多种: ①可以不换行的将两个div书写在一行，因为换行也会占dom文档流。 ②可以在父元素中加上font-size: 0;也能消除中间间隙。 2、有些时候两个使用display:inline-blo ...
分类：
其他好文 时间：
2017-12-10 11:15:22
阅读次数：
177
position:absolute;无论是否设置TRBL值，都已脱离文档流 在我大脑里,一直认为脱离文档流的元素是无法实现自适应填充的,此次遇到在项目中遇到的bug，让我又再一次对定位这块理解的更加清晰了。 绝对定位与margin的合作 1 没有设置TRBL值 2 设置TRBL值 在margin的帮 ...
分类：
其他好文 时间：
2017-12-10 01:31:13
阅读次数：
140
一，前端合成带水印的图片 一般来说，生成带水印的图片由后端生成，但不乏有时候需要前端来处理。当然，前端处理图片一般不建议，一方面js的处理图片的方法不全，二是有些老版本的浏览器对canvas的支持度不够。 下面我们就说说，利用canvas 生成带水印的图片。 1、我们要实现一下效果 2、创建一个ca ...
分类：
Web程序 时间：
2017-12-08 20:40:55
阅读次数：
874
我们先来看看CSS3 Api中对position属性的相关定义： static：无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用。 relative：对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置。而其层叠 ...
分类：
Web程序 时间：
2017-12-07 19:09:02
阅读次数：
339
近期，Alltesting的众测平台 有不少web网站的功能测试项目，像： 农事GERP种植系统 云测试平台 头号专家网项目第三轮功能测试 于是，有些新加入众测平台的小伙伴们就很捉急： “web网站怎么测试？” “除了按照项目需求文档流程测，还应该怎么操作？” “为什么群里有大神可以测出网站安全问题 ...
分类：
Web程序 时间：
2017-12-07 11:00:15
阅读次数：
297
在css盒模型定义中，外边距指的是元素距离相邻元素的距离，也就是元素的边界。布局中，正的外边距能拉开元素之间的距离，这个很好理解，但是设置负的外边距会产生意想不到的渲染结果，一些理解笔记整理如下： 总的来说，从文档流位置的角度看，设置了负外边距的元素相当于边界往里缩，结果其相邻其他元素会沿着文档流的 ...
分类：
Web程序 时间：
2017-12-06 00:55:44
阅读次数：
397
清除样式 一、清除间距：*{margin:0;padding:0;} 1，便于设计，清除不同标签的内外间距值； 2，可以使所有的浏览器这两项默认值统一，有利于后期的兼容性调整。 (不同浏览器对不同标签的默认margin,padding值不一样) 二、清除浮动 浮动元素，脱离文档流，变成内联块元素；不 ...
分类：
其他好文 时间：
2017-12-05 23:56:55
阅读次数：
368
定位 查看说明 层级关系的比较 1. 对于同级元素，默认(或position:static)情况下文档流后面的元素会覆盖前面的。 2. 对于同级元素，position不为static且z-index存在的情况下z-index大的元素会覆盖z-index小的元素，即z-index越大优先... ...
分类：
其他好文 时间：
2017-12-05 13:29:21
阅读次数：
111
当元素变为position:absolute时，该元素不占据文档流，text-align：center失效，则可以通过上述方法使元素中的内容垂直水平居中。 或者： 如果仅仅时元素中的文字居中的话， 给该元素加width:100%;text-align:center;就可以成功实现了。 ...
分类：
其他好文 时间：
2017-12-04 19:19:51
阅读次数：
148
CSS中的浮动和清除浮动，梳理一下！ 第一篇就整理整理CSS中很常见的浮动以及清除浮动的一些方式吧。 浮动到底是什么？ 浮动核心就一句话：浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素。请默念3次！ 浮动最初设计的目的并没那么多事儿，就只是用来实现文字环绕效果而已，如下所示： ...
分类：
Web程序 时间：
2017-12-03 00:34:00
阅读次数：
205
