EWL Blog

终于，见到你了呢

z-index以及层叠系列(4)

z-index以及层叠

z-index受制于层叠上下文，看代码看图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> im...

Posted by EWL on November 14, 2017

z-index以及层叠系列(3)

z-index以及层叠

啊，怎么说，不想写代码，不想上课，就这样写点博客度日多好 好，说回层叠上下文 层叠上下文是个啥？ 层叠上下文是谁产生的？ 有啥特点？ 1.答：层叠上下文就是一个包含了一组堆叠层的元素。这可以是一个 html 元素创建的根层叠上下文，或者是一个由特定属性和值创建的局部层叠上下文。出处 答：下面是来自MDN的回答 答： 这就要放开了说...

Posted by EWL on November 14, 2017

z-index以及层叠系列(2)

z-index以及层叠

层叠顺序表 上一篇文章已经证实了block元素的层级低于inline/inline-block，而其他的还没有细说，所以这次就来说一说浮动元素的层级和z-index有值的时候的情况。 为什么需要这个层叠顺序？（规范元素重叠时的呈现规则，浮动元素和和块级元素用于布局，背景用于装饰，而很明显inline用于内容的显示，其重要性的先后关系就很明显了） 为什么是这个顺序?...

Posted by EWL on November 14, 2017

z-index以及层叠系列(1)

z-index以及层叠

双十一刚过，又穷了，这辈子剁手是不可能剁手了，只能像这样写点代码，喝点咖啡，做一只穷酸的单身狗 后来居上原则 两个都是块级元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title...

Posted by EWL on November 12, 2017

模仿一个B站的下拉小菜单

下拉菜单

今天实在闲的蛋疼，然后就想着说复习一下html和css，毕竟前面也没咋好好看。然后就照着b站的那个挺好看的小导航，写了一个小导航，大致内容↓： 大致效果 大概这样，但是总结来说，有几个点需要注意下 首先我以为必须要JS才能完成的悬浮显示二级菜单，原来直接上html和css也完全ok 其次中间卡壳了一段儿，原因是这样： 我把二级菜单的position设置为absolute之...

Posted by EWL on November 8, 2017

今天想沉淀....

如果累了

昨晚失眠，想睡觉的欲望和失眠的现实搅成一团，最后幻化成了凌晨里的一丝细细的却清晰的光线。 该怎么形容最近的状态，失望，堕落，感觉自己作的不行，又一边痛恨错的是世界不是我，这种烂俗的桥段我最擅长，却也最让我自己鄙视自己。最后，还是七点四十准时醒来，扔垃圾，坐等导员检查宿舍，即使自己已经困得分不清白天黑夜。很遗憾，到最后导员都没有露面，我又爬上床准备睡回笼觉，原本以为的令人满足的回笼觉并没有...

Posted by EWL on November 6, 2017

happymmall二次开发过程小记

happymmall

记一个点： 页面自身的css样式级别高于common部分的样式，如果同时为body设置样式，那么页面肯定会显示页面自身设置的css样式，而非common部分的样式 只有position不为static的元素才可以设置z-index 在开发list页面的时候，要先搜一个东西，无论是keyword 还是categoryId，不然根本没有东西来填充p-list-con部分，调试的时候...

Posted by EWL on November 6, 2017

清除浮动的几种常用方法

清除浮动

###父元素自适应宽高度，子元素浮动导致高度塌陷 高度塌陷: 示例图： HTML: <div class="father"> <div class="child">这是子元素</div> </div> CSS: .father{ border: 2px solid lightseagreen; ...

Posted by EWL on November 6, 2017

正式开始开发的第二天

开发阶段

Tip 1 这是我在使用npm安装jQuery之后，package.json里dependencies字段的内容，很明显我们可以看到依赖包的名字以及版本号。像之前写的那样，我是用 npm install jquery --save 来安装的，我们的依赖包就会出现在dependencies里，总之，需要在业务代码中使用的依赖包都要写成–save，加上-dev的都是一些调试业务代码的依赖包，...

Posted by EWL on November 6, 2017

常用的居中方法

居中

水平居中： 根据子元素为行内元素还是块状元素，宽度一定还是宽度未定的变化，采取的布局方案不同。 子元素是行内元素 HTML: <div class="father"> <span class="child-inline">行内元素水平居中</span> </div> CSS: .father{ width: 1...

Posted by EWL on November 6, 2017

FEATURED TAGS
前端 CSS html JavaScript happymmall 生活 思考 层叠上下文 层叠顺序 z-index todolist jquery javascript 记录 笔试 春招 基础 React 框架 redux CSS3 位运算 算法 小顶堆 源码
ABOUT ME

如果可以的话，请认真生活出一个更好的自己

✉️ amoryvictorialee@outlook.com

FRIENDS