自适应设计与响应式网页设计

作者： Lily 2016-09-27

目前非常流行自适应设计与响应式设计，而且经常让人混淆，自适应设计不应与自适应布局混为一谈，它们是完全不一样的概念。在这先说明下这两者的异同：自从移动终端飞速发展以来，各种各样的机型突飞猛进，很多网站的解决方法，是为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone/iPad版本。这样做固然保证了效果，但是比较麻烦，...
HTML5元素（中）

作者： Lily 2016-09-27

一、表格元素HTML5中表格元素的用法。表格的主要用途是以网格的形式显示二维数1、表格元素总汇表格的基本构成最少需要三个元素：<table>、<tr>、<td>，其他的一些作为可选辅助存在。2、构建表格解析1.<table><tr><td>构建基础表格[html]vie...
HTML5元素（下）

作者： Lily 2016-09-27

一、表单元素表单元素用于获取用户的输入数据1、表单元素总汇2、表单元素解析1.<form>定义表单[java]viewplaincopy<formmethod="post"action="http://www.haosou.com/"><button>提交</button></form&...
HTML5元素（上）

作者： Lily 2016-09-27

一、文本元素HTML5规范指出：使用元素应该完全从元素的语义出发。但是由于历史遗留及用户至上的原则，这种语义会宽松许多。1、文本元素总汇2、文本元素解析1.<b>表示关键字和产品名称[html]viewplaincopy<b>HTML5</b>解释：<b>元素实际作用就是加粗。从语义上来看，就...
HTML5的概述

作者： Lily 2016-09-27

一、HTML5的概述------HTML5是继HTML4.01和XHTML1.0之后的超文本标记语言的最新版本。实现多媒体支持、交互性、更加智能的表单，以及更好的语义化标记。其中最重要的三项技术分别为：HTML5核心规范（标签元素）、CSS（层叠样式表第三代）、和JavaScript。掌握着HTML规范的万维网联盟（W3C）。HTML5规范...
HTML5的结构

作者： Lily 2016-09-27

先从HTML5的文档结构谈起：这些基础元素确定了HTML文档的轮廓以及浏览器的初始环境。几乎所有页面都必须首先键入这些元素。一、HTML5文档结构：[html]viewplaincopy<!DOCTYPEhtml>//文档类型声明<htmllang="zh-cn">//表示HTML文档开始<head>//...
css 填坑常用代码分享

作者： Lily 2016-09-26

一.css2.xcode1.文字换行/*强制不换行*/white-space:nowrap;/*自动换行*/word-wrap:break-word;word-break:normal;/*强制英文单词断行*/word-break:break-all;2.两端对齐text-align:justify;text-justify:inter-i...
JavaScript中的作用域

作者： Lily 2016-09-26

很多(JavaScript)开发者都在讨论"作用域"，但它是什么？它们在JavaScript中的任何地方！我发现很多年轻的开发者不知道作用域是什么。他们中大多数人可以用jQuery做一些很酷的东西。但只是停留在从网上复制一些代码片段，修改一下他们懂的地方并且粘贴到一个JavaScript文件中的程度。了解什么是作用域和你能用它做什么是很重要...
HTML5语义化

作者： Lily 2016-09-26

语义HTML没有给我们提供大量的标签去使用。其可选择的数量就像是街边的小商店而不是沃尔玛。我们有段落，列表和标题，但是我们不具有事件，新闻故事，或者说是配方。HTML提供给我们一个元素用于字符串的缩写标记，但是没有提供我们一个元素用于数字的价格标记。显然，从各种各样惊人的网站就可以看出，这一限制并没有得到很好的解决。虽然HTML并没有提供我...
CSS秘密花园：沿着路径的动画

作者： Lily 2016-09-26

问题几年前，当CSS动画刚出来的时候是多么的令人兴奋，那时ChrisCoyier问我，有没有什么方式使用CSS让元素绕一个圆形的路径运动。当时，它只是一个有趣的想法，但我在无意中发现有很多这方面的用例。例如，Google+添加新成员就使用了这样一个动画。如下图所示：一个与众不同而又有趣的例子可以看看俄罗斯科技网站的404页面，如下图所示：通...