摘要：
写样式时无意中发现margin-top会影响到父元素的定位，下面是示例： HTML代码： CSS代码： 效果如下： 如上图所示：在子元素设置了margin-top=30px时，父元素会掉落30px,而子元素和父元素并没有拉开30px的差距。 网上查了一些资料： 原因是：原因是根据规范，一个盒子如果没 阅读全文
摘要：
最近开始做元素排列比较复杂的项目，同时需要各种型号手机的适配，我发现以前所掌握的盒子模型、display、position、float等已经不能满足我的需求了， 于是开始着重学习flex弹性布局并运用到项目中去。 在阮一峰老师的博客中看到了很详细的flex介绍，下面的内容是学习过程中从阮一峰老师的博 阅读全文
摘要：
1. :before 和 :after 的主要作用是在元素内容前后加上指定内容，示例： HTML代码： CSS代码： 效果如图： 以上代码是:before和:after的基本用法，但是这两种伪类还有很多更方便的用法。 2. ：after清除浮动 元素设置浮动以后，其父元素以及父元素的兄弟元素的布局都 阅读全文
摘要：
1.为什么清除浮动 浮动的元素是脱离文档流的元素，其会对父元素以及兄弟元素的布局等产生一定影响 因此为了避免出现各种样式问题，在使用浮动以后需要进行清除浮动的操作 下面是没有清除浮动的示例： HTML代码： CSS代码： 效果图： 如上图所示：正常情况下ul作为父元素，在没有设置高度时会被里面的内容 阅读全文
摘要：
1.setTimeout和setInterval都属于js中的定时器，可以规定延迟时间再执行某个操作，不同的是setTimeout在规定时间后执行完某个操作就停止了，而setInterval则可以一直循环执行下去。 下面介绍一下两种定时器的语法： setTimeout(expression,mill 阅读全文
摘要：
:target伪类的作用是突出显示活动的HTML锚，下面是一个简单的例子： HTML代码： CSS代码： #demo1写在链接里，表示指向一个目标元素，而id=demo1的div元素即是想要选中的目标元素。这段代码操作后的效果为： 点击a元素之后，目标元素#demo1的样式发生了变化，变化的样式即c 阅读全文
摘要：
在做运营活动页面的时候，有时候一些活动会有很多弹窗，而弹窗要定位在页面中央的位置，即对div进行水平垂直居中，这个并不难做 运营活动通常要用zepto进行开发，轻便简洁，方便操作页面中的DOM，但是当用zepto中的show和hide来切换弹窗的时候便会出现问题 这个问题我已经遇到过好几次了，之前想 阅读全文
摘要：
1. div高度自适应的情况 div在不设置高度的时候，会被里面的内容撑开，内容自动填充在div中，无论是一行内容还是多行内容，此时不需要设置垂直居中，内容自动在中间的， 想要看的更直观些，只需要加上padding元素，内容四周便会留下空白，实现水平垂直居中的效果 css代码如下： HTML代码如下 阅读全文