摘要：
前几天写过怪异盒子布局，以前在项目中用到弹性布局flex这个属性，当时没深入研究，这里各种查阅各种测试，把这个属性记录下 以免忘记，弹性布局：是提供一种更加有效的方式来对一个容器中的条目进行排列、对齐和分配空白空间。即便容器中条目的尺寸未知或是动态变化的，弹性盒布局模型也能正常的工作。让一个盒子具有... 阅读全文
摘要：
上一种布局“中间自适应两侧固定” 用了三种方法去解决，这一种是不常见的布局格式，来看下解决方法，先看简单的解决 第一种：绝对定位 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title 阅读全文
摘要：
第一种方法：绝对定位: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body,html{ padding: 0; margin: 0; height: 1 阅读全文
摘要：
px： 是网页设计中最常用的单位，然而1px到底是多大长，恐怕没有人能回答上来 它用来表示屏幕设备物理上能显示的最小的一个点，这个点不是固定宽度的，不同设备上点的长度、比例有可能会不同。 假设：你现在用的显示器上1px宽=1毫米，但我用的显示器1px宽=两毫米，那么你定义一个div宽度为100px， 阅读全文
摘要：
做页面常用的东西，写这里用的时候省点去找了。。。 html5shiv：解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用的问题。 respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。 由于IE6/IE7/IE8还有很大一 阅读全文
摘要：
display:inline-block 是让块级元素变成行内元素 在一行显示， 然而不幸的是，它并没有得到所有浏览器的支持，比如ie6、7和古老一点的firefox完全无视它，由于firefox的老版本几乎已经从市场中消失，所以名义上firefox是支持display:inline-block的， 阅读全文
摘要：
盒子模型不必多少，公认的盒子模型 总宽度=width + padding(padding-left,padding-right) + border(border-left,border-right) 而怪异盒子模型 总宽度=width 哎 语文老师是数学教的 没办法只能表述成这样了，没关系看图， 先 阅读全文
摘要：
作为第一篇博文，写这个 我快要被气炸，好吧，废话不说了 昨天在项目中发现有很多这些Awesome图标 也在网上找了下Font Awesome 下载后这些文件，现在的版本是4.2，Font Awesome从4.1.0版本开始不再支持IE7， 但更早的版本仍然支持 官网和各种帖子也写了些使用方法，就是没 阅读全文