摘要： 在响应式设计(RWD)中，令大家最头痛的问题的是图片的自适应处理问题。往往我采取的处理方式是给图片的容器设置一个尺寸，然后给图片设置下面的代码：img { max-width: 100%; height: auto;}但往往需要处理的只止于此。你可能想要让图像长宽比例来填充他的整个容器，... 阅读全文

摘要： html 结构 css.container{ width: 100%; height: 100%; text-align:center; position: fixed;}.container:after { display: inline-block; ... 阅读全文

摘要： 你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子的一面，最多可以放置9个点。下面，就来看看Flex如何实现，从1个点到... 阅读全文

摘要： 网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面... 阅读全文

摘要： 阅读全文

摘要： 复杂的软件必须有清晰合理的架构，否则无法开发和维护。MVC（Model-View-Controller）是最常见的软件架构之一，业界有着广泛应用。它本身很容易理解，但是要讲清楚，它与衍生的 MVP 和 MVVM 架构的区别就不容易了。（题图：摄于瓦伦西亚，西班牙，2014年8月）一、MVCMVC模式... 阅读全文

摘要： CSS不能编程？用Less、Sass、Stylus、甚至直接用Absurd，框架除了Bootstrap还有很多。JS写多了很麻烦？jQuery。移动开发？Zepto.js。结构不好？找框架，Backbone.js是MVC，AngularJS和Ember.js是MVVM，Twitter还弄了个事件驱动... 阅读全文

摘要： 随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达... 阅读全文

摘要： 一、原理CSS盒模型一个盒子包括：margin+border+padding+content。上下左右边框交界处出呈现平滑的斜线。利用这个特点，通过设置不同的上下左右边框宽度或者颜色可以得到小三角，小梯形等。 调整宽度大小可以调节三角形形状。示例1：一般情况下，我们设置盒子的宽高度及上下左右边框，会... 阅读全文

摘要： 设置端口打开 C:\wamp\bin\apache\apache2.4.9\conf\httpd.conf 文件找到“Listen 80”和“ServerName localhost:80”，紧接着Listen的数字就是端口号，默认状态下为“Listen 80”和“ServerName localh... 阅读全文