本文是对移动端多人协作开发项目一些经验总结 1、移动端自适应 2、scope的使用 3、webkit内核两行显示省略号 4、absolute下flex布局失效 1、移动端自适应 正在开发一个APP项目，对于自适应有些体会 在移动端，宽度自适应可以使用百分比来控制，加上flexbox，width: 20%...

2018-06-24 00:58:24

box-shadow box-shadow在定义里是这么说的："box-shadow 属性向框添加一个或多个阴影。" 是的，和他的名字一样，这个属性固然是用来制造阴影效果让页面更有立体感的。 语法： box-shadow: h-shadow v-shadow blur spread color inset; 其中属性分别为： h-shadow：必需...

2018-06-24 00:58:24

1 . 相对定位relative:顾名思义,相对定位是相对于自己的位置来进行偏移,如下图: 以盒子中心为基准,为每条边的正方向,例: 向右移动20px : 代码为left:20px;或者right:-20px; 向下移动20px : 代码为top:20px;或者bottom:-20px; 2 . 绝对定位:absolute 以其第一个定位的祖...

2018-06-24 00:58:22

去年做了一点IFE的题，今年跟人组队一起参赛，在这里写点笔记记录一下自己遇到的问题及学习心得，不定期更新。 不一定是自己做出来的，很多是队友的功劳，要向他们学习致敬~ 补充：今年变成了个人赛....ORZ 热身篇： 现在刚开始报名，2月24号正式上线，有4道热身题。 s...

2018-06-24 00:58:15

如果问，CSS 中 position 属性的取值有几个？ 大部分人的回答是，大概是下面这几个吧？ { position: static; position: relative; position: absolute; position: fixed;} 额，其实，我们还可以有这 3 个取值： { /* 全局值 */ position: inherit; position: initial;...

2018-06-24 00:58:18

关键渲染路径，即页面呈现在浏览器上所需的必要步骤： html head meta name = "viewport" content = "width=device-width,initial-scale=1" title Critial Path: Hello world! /title link rel="stylesheet" href="/a.css" script src="/b.js"/srcipt /head body ……...

2018-06-24 00:58:16

CSS 控制Html页面高度导致抖动，这类由高度导致页面抖动的问题，其实究其根本原因是滚动条是否显示导致的 在CSS中添加如下代码： html,body{ overflow-y:scroll;} html,body{ overflow:scroll; min-height:101%;} html{ overflow:-moz-scrollbars-vertical;} 已经试验...

2018-06-24 00:58:10

attr() 准确的说，不应该是一个属性，而是一个CSS的函数，我们先看看MDN上的介绍吧： Summary The attr() CSSfunction is used to retrieve the value of an attribute of the selected element and use it in the style sheet. It can be used on pseudo-elements too...

2018-06-24 00:58:07

这是我的第一篇博客，不知道从什么开始写起，那就从我现在看的开始写起吧。 以前我也不知道BFC是什么，今天看了才知道原来以前经常接触，只是不知道专业名称罢了。就像闭包、继承一样，以前经常用到，只是不知道而已，今天我就来说一下，css定位之BFC。 BFC与清除浮动...

2018-06-24 00:58:12

前言 写过邮件的html的童学应该都知道，邮件的html一般都用table来布局，为什么呢？原因是大多数的邮件客户端（比如Outlook和Gmail），会过滤HTML设置，让邮件面目全非。 经过多次的邮件编写实践及度娘的指导，我发现，编写HTML Email的窍门，就是使用15年前的网页制作...

2018-06-24 00:58:09