摘要：
作者:WangMin 格言:努力做好自己喜欢的每一件事 网页上的每个元素都是一个矩形框。CSS中的display属性决定了矩形框的行为。display属性是我们在前端开发中常常使用的一个属性。 display的属性值如下： |属性值|含义 | |--|--| | block | 块对象的默认值。用该 阅读全文
摘要：
作者:WangMin 格言:努力做好自己喜欢的每一件事 对于颜色相信大家都很敏感，眼睛所见之处都存在颜色，那在css中我们用什么来表示颜色呢？CSS 中的颜色有三种定义方式：使用颜色方法（RGB、RGBA、HSL、HSLA)，十六进制颜色值和预定义的颜色名称。我们常使用的是RGB与RGBA。那我们就 阅读全文
摘要：
作者:WangMin 格言:努力做好自己喜欢的每一件事 国内的设计师大都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者的区别与优势是什么？接下来我们就来学习一下吧！ 单位px、em、rem分别表示什么？ 1、 px(Pixel) 相对于显示器分辨率而言，表示“绝对尺寸”（并非真正的绝对）， 阅读全文
摘要：
作者:WangMin 格言:努力做好自己喜欢的每一件事 对于所有定位，最后都不免遇到两个元素试图放在同一位置上的情况。显然，其中一个必须遮住另一个。但是如何控制哪个元素放在上层，这就出现了z-index这个属性。 z-index属性的含义 一个元素在文档中的层叠顺序，用于确认元素在当前层叠上下文中的 阅读全文
摘要：
作者:WangMin 格言:努力做好自己喜欢的每一件事 在开发过程中，很多网页需求要求我们居中一个div，比如html文档流当中的一块div，比如弹出层内容部分这种脱离了文档流等。不同的情况有不同的居中方式，接下来就分享下一下几种常用的居中方式。 1、margin:0 auto 水平居中 也就是将m 阅读全文
摘要：
作者:WangMin 格言:努力做好自己喜欢的每一件事 在讲几种定位方式之前，我们先来了解一下什么是普通文档流(normal flow)？ 前面讲过浮动会让元素脱离文档流，如果不设置浮动所有元素都处于普通文档流中。普通文档流中元素框的位置由元素在(X)HTML中的位置决定。块级元素从上到下依次排列， 阅读全文
摘要：
作者:WangMin 格言:努力做好自己喜欢的每一件事 什么是浮动 float？ 标准流：元素会各占整行位置。子元素如果是标准流，父元素即使没有设置高度，也会撑开父盒子高度，也就是说父元素的高度会随着子元素的高度改变。 浮动：子元素浮了起来，脱离了文档流，所以不会占据原来的位置，若父元素没有设置高度 阅读全文
摘要：
作者:WangMin 格言:努力做好自己喜欢的每一件事 以下为各种动画类型包含的不同动画效果类，仅供参考。具体可查看animate.css 官网。 bounce 弹跳 2. flash 闪烁 3. pulse 放大，缩小 4. rubberBand 放大，缩小，弹簧 5. shake 左右晃动 6. 阅读全文
摘要：
作者:WangMin 格言:努力做好自己喜欢的每一件事 animate.css是什么？ animate.css 是一个有趣，酷炫的，跨浏览器的动画库，里面包含了许多常用的css动画。你可以将它用于你的项目中，不管是主页，滑动切换，又或者是其它方面，你都可以通过它来制作出惊人的效果。 我们要使用的它的 阅读全文