摘要：
看到太多的网页设计师发布企业站的个人作品，设计中总是摆脱不了大框套小框的设计布局思路，不加思索的跳入单一的网页布局形式中，于是就有了把企业站常用的页面布局方式总结一下的想法，让大家包括我自己全面的了解一下企业站的常见布局方式，做到对此种类型的网站布局心中有数，跳出狭隘、单一的设计思路，于是就有了这篇 阅读全文
摘要：
圣杯布局与双飞翼布局的区别： 圣杯布局（两边定宽，中间自适应的另一种实现方式，这两种方式在结构的书写上还是有不一样的），主要是用相对定位与浮动和padding实现。 实现两边定宽，中间自适应，主要是通过浮动与margin实现，代码如下： 效果如下： 阅读全文
摘要：
圣杯布局（Holy Grail Layout）指的是一种最常见的网站布局。页面从上到下，分成三个部分：头部（header），躯干（body），尾部（footer）。其中躯干又水平分成三栏，从左到右为：导航、主栏、副栏。 圣杯布局也可以做成以下几种布局方式： 1.固定宽度布局：为网页设置一个固定的宽度 阅读全文
摘要：
在移动端开发的时候，圣杯布局，弹性盒，是我们经常会用得到的，W3C很久以前就有一个display:box属性 在移动端开发的时候，圣杯布局，弹性盒，是我们经常会用得到的，W3C很久以前就有一个display:box属性 flex是最新的，但是在实际的浏览器测试中，display: flex 不能完全 阅读全文
摘要：
网格布局（Grid）是最强大的 CSS 布局方案。 Flexbox 是为一维布局设计的，而 Grid 是为二维布局设计。 grid目前兼容性目前还可以，主流浏览器对它的支持力度很大，ie9,10宣布它未来不久会对它有很好的支持，目前则需要使用过时的语法。我相信不久的将来grid将成为每一个前端工作人 阅读全文
摘要：
响应式布局是一个网站能够兼容多个终端 而不是为每个终端做一个特定的版本 @media all(用于所有的设备) || screen (用于电脑屏幕,平板电脑,智能手机等) and|not|only(三个关键字可以选) 1.meta 标签 最简单的处理方式是加上一个 meta 标签设置屏幕按1：1尺寸 阅读全文