摘要：
响应式图片布局 picture source media srcset设置响应式图片 ... 阅读全文
摘要：
通过css媒体查询捕捉浏览器的大小，来改变css样式，本例是改变表格的样式 html css 注意：由以上代码可以知道，使用position：absolute必须在其父元素中设置position：relative 阅读全文
摘要：
all 用于所有的媒体设备。 aural 用于语音和音频合成器。 braille 用于盲人用点字法触觉回馈设备。 embossed 用于分页的盲人用点字法打印机。 handheld 用于小的手持的设备。 print 用于打印机。 projection 用于方案展示，比如幻灯片。 screen 用于电 阅读全文
摘要：
在浏览网页时，由于客户端没有安装某些特殊字体，导致网页文字无法按设计正常显示，这时我们可以使用服务器字体来避免这种现象的发送 语法 使用 阅读全文
摘要：
在http://css.doyoe.com/（CSS参考手册）中，本文对应其中的伸缩盒 引入 Flexbox布局官方称为CSS Flexible Box Layout Module是一个CSS3新的布局模块，用于实现容器里项目的对齐、方向、排序（即使在项目大小位置、动态生成的情况）。flex容器最大 阅读全文
摘要：
本例通过div+css实现HTML金典布局双飞翼布局，该布局结构为上中下结构，上：header头；下：footer尾；中：内容，将内容分为了三个结构，左中右 下图是效果图 我们来看下代码 阅读全文
摘要：
css 阅读全文
摘要：
div中嵌套img，如果div里嵌套一个img元素且div的高度是由img的高度来撑开，那么div的高度总会比img的高度多3px。 可以明显看到div实际高度高出img高度3px。为了解决此问题，我们只需要给img元素添加一个display : block ; 阅读全文
摘要：
在HTML5中，除了Canvas元素之外，另一个新增的非常重要的功能是可以在客户端本地保存数据的Web Storage功能，之前可以使用Cookies在客户端保存如用户名等简单用户信息，但通过长期使用，人们发现Cookies储存永久数据存在几个问题 大小：Cookies的大小被限制在4kb 带宽：C 阅读全文