摘要：
在网页布局中元素水平居中比元素垂直居中要简单不少，同时实现水平居中和垂直居中往往是最难的。现在是响应式设计的时代，我们很难确切的知道元素的准确高度和宽度，所以一些方案不大适用。据我所知, 在CSS中至少有六种实现居中的方法。我将使用下面的HTML结构从简单到复杂开始讲解: 鞋子图片会改变，但是他们都 阅读全文
摘要：
加载失败的图片会很难看。 但事实上并不总是一定要这样。我们可以用 CSS 在 <img> 标签上应用样式，来提供比默认情况更好的体验。 两个关于 <img> 元素的真相 为了搞懂怎么样才能美化加载失败的图片，我们需要先了解关于 <img> 元素的两种表现方式。 1. 我们可以在 <img> 元素上应 阅读全文
摘要：
在写项目的时候，会经常遇到这种需求，如图： 背景半透明，文字正常显示你看到之后会有什么样的解决方案呢？思考一会儿。假设你思考了，可以看看和我的方法的区别，对比一下优劣，相互交流一下。 有的童鞋可能会随口说出opacity:50%; 这种可能会遇到坑哦；而opacity的坑主要在于按照上边的HTML代 阅读全文
摘要：
前言：这是最近翻译的一篇文章 我在header标签开头忘里边加入一个span标签的时候，有一点小问题。我总是想确保在span标签之前能够换行。明确地讲，在标签前边加入<br> 并没有什么错误。（事实上这是非常有用的办法）。但是用HTML标签实现这个效果总让人觉得怪怪的。 所以让我们探索更多的可能。 阅读全文
摘要：
今天在项目中遇到图片居中的问题，嗯，之前也有写过解决这个问题的文章，有n种方法。不过今天要说一个新的方案：object-fit ，嗯，这个才是真的方便的方案啊。 先看预览： object-fit 只能用于『可替换元素』(replaced element) 。所谓可替换元素，是指元素的内容和表现不是由 阅读全文
摘要：
1、前几天看到Hexo的next主题标题hover效果很炫，自己尝试写了一个，另一个是next的实现，照例先上图 2、实现小黑科技 关键在于没有hover的时候定义width为0，这样可以实现宽度从0到100%的变化。 left为50%，目的是为了动画开始的位置是在50%的位置。 3、hexo ne 阅读全文
摘要：
Normalize.css 只是一个很小的CSS文件，但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset，Normalize.css是一种现代的、为HTML5准备的优质替代方案。Normalize.css现在已经被用于Twitter Bootstrap、HTML 阅读全文
摘要：
Modernizr帮助我们检测浏览器是否实现了某个feature，如果实现了那么开发人员就可以充分利用这个feature做一些工作，反之没有实现开发人员也好提供一个fallback。所以，我们要明白的是Modernizr只是帮我们检测feature是否被支持，它并不能够给浏览器添加那些本来不支持的f 阅读全文
摘要：
假如你现在正学习着强大的Css3，你知道Css3的很多数属性为实验属性，使用他们的时候得加上各式各样的浏览器前缀。可能你默默忍受了，因为还没到统一的时间。有没想过给自己减下负，偶然间在网上看到一个js解决方案，正好可以解决这个问题。他会帮你自动识别浏览器，生成对应的Css3样式前缀，这样你就可以直接 阅读全文
摘要：
1.cURL介绍 cURL 是一个利用URL语法规定来传输文件和数据的工具，支持很多协议，如HTTP、FTP、TELNET等。最爽的是，PHP也支持 cURL 库。本文将介绍 cURL 的一些高级特性，以及在PHP中如何运用它。 2.基本结构 在学习更为复杂的功能之前，先来看一下在PHP中建立cUR 阅读全文