摘要：
一、Cookie、session和localStorage的区别 cookie的内容主要包括：名字、值、过期时间、路径和域。路径与域一起构成cookie的作用范围。若不设置时间，则表示这个cookie的生命期为浏览器会话期间，关闭浏览器窗口，cookie就会消失。这种生命期为浏览器会话期的cooki 阅读全文
摘要：
看到太多的网页设计师发布企业站的个人作品，设计中总是摆脱不了大框套小框的设计布局思路，不加思索的跳入单一的网页布局形式中，于是就有了把企业站常用的页面布局方式总结一下的想法，让大家包括我自己全面的了解一下企业站的常见布局方式，做到对此种类型的网站布局心中有数，跳出狭隘、单一的设计思路，于是就有了这篇 阅读全文
摘要：
圣杯布局与双飞翼布局的区别： 圣杯布局（两边定宽，中间自适应的另一种实现方式，这两种方式在结构的书写上还是有不一样的），主要是用相对定位与浮动和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尺寸 阅读全文
摘要：
我的主要参考资料是[Object object]的文章 float 布局应该是目前各大网站用的最多的一种布局方式了，但是也特别复杂，这里详细讲一下 首先，什么是浮动？ 浮动元素是脱离文档流的，但不脱离文本流，这是什么意思呢，用过 word 的应该知道有一种图片环绕的方式是文字环绕吧，就是这种效果。 阅读全文
摘要：
table 的特性决定了它非常适合用来做布局，并且表格中的内容可以自动居中，这是之前用的特别多的一种布局方式 而且也加入了 display：table;dispaly:table-cell 来支持 teble 布局。 但是它也有自身的局限性，比如 table 比其它 html 标记占更多的字节（造成 阅读全文
摘要：
前言 Flexbox 是 flexible box 的简称（注：意思是“灵活的盒子容器”），是 CSS3 引入的新的布局模式。它决定了元素如何在页面上排列，使它们能在不同的屏幕尺寸和设备下可预测地展现出来。 它之所以被称为 Flexbox ，是因为它能够扩展和收缩 flex 容器内的元素，以最大限度 阅读全文