09 2015 档案

努力学习 HTML5 （4）—— 浏览器对语义元素的支持情况
摘要：经过上一节学习，我们已经建立一个结构良好的页面，如果在旧版的 IE 浏览器中浏览可能这些语义元素无法显示。 毕竟这些语义元素什么也不做，要支持它们，只要让浏览器把它们当做普通的 元素就行了。为此我们要做的就是为它们添加点样式规则。之后就可以得到超级可靠的语义元素了，即使使用10年前的浏览器也可以正常浏览。 为语义元素添加样式 浏览器遇到不认识的元素时，会把它们当做内联（inline）元素。... 阅读全文

posted @ 2015-09-21 01:21 pchmonster 阅读(391) 评论(0) 推荐(1) 编辑

努力学习 HTML5 （3）—— 改造传统的 HTML 页面
摘要：要了解和熟悉 HTML5 中的新的语义元素，最好的方式就是拿一经典的 HTML 文档作例子，然后把 HTML5 的一些新鲜营养充实进入。如下就是我们要改造的页面，该页面很简单，只包含一篇文章。 ApocalypsePage_Original.html，这是一个格式非常规范的页面，所有的样式均来自于外部样式表。 Apocalypse Now How the... 阅读全文

posted @ 2015-09-21 00:44 pchmonster 阅读(3020) 评论(0) 推荐(0) 编辑

努力学习 HTML5 （2）—— 元素的增和删
摘要：HTML5 放松了某些规则，HTML5 的制定者想让这门语言更紧密地反映浏览器的现实。 放松的规则 不要求包含 、 和 元素。 不区分大小写。 允许省略关闭空元素，例如 、 或者 。 属性值可以不加引号，只有属性名没有属性值也可以。 如果能做到以下几点，就算是良好的 HTML5 风格了。 包含可选的、 和 元素，有助于内容和信息头的区分。 ... 阅读全文

posted @ 2015-09-20 11:35 pchmonster 阅读(991) 评论(0) 推荐(0) 编辑

努力学习 HTML5 （1）—— 初体验
摘要：HTML5 代表未来；W3C ( World Wide Web Consortium, 万维网联盟) 已经放弃 XHTML，从而使 HTML5 成为正式标准并得到认可。 最简单的 HTML5 文档 A Tiny HTML Document Let's rock the browser, HTML5 style. 只包含一行文本的超简单的 HTML5 文档，它在浏览器中效果如下： ... 阅读全文

posted @ 2015-09-20 00:28 pchmonster 阅读(1093) 评论(0) 推荐(0) 编辑

了解 JavaScript （6）– 广告条（Banner)
摘要：在 Web 上冲浪时，常常会见到定期在图像之间切换的广告条。我们可以用 JavaScript 来实现，重复循环显示它们。 创建循环的广告条 RotatingBanner.html 页面中在循环的广告条中加载第一个图像，其他工作交由 JavaScript 来处理。 Rotating Banner RotatingBanner.js 脚本循环显示图像。 ... 阅读全文

posted @ 2015-09-08 11:12 pchmonster 阅读(3084) 评论(0) 推荐(2) 编辑

了解 JavaScript （5）– 翻转器（rollover)
摘要：用 JavaScript 最常用的效果就是，当用户将鼠标移动到图片上时，会改变网页上的图像，这样页面就能对用户的操作及时作出反应，这种称为 翻转器（rollover）效果很容易实现，而且有很多应用场合。 创建翻转器 翻转器背后的思想很简单。有两个图像，第一个是原始图像，第二个是替换图像，当鼠标移动到第一个图像上时，浏览器快速地替换为第二个图像，就产生了运动或动画效果。 SimpleRollo... 阅读全文

posted @ 2015-09-07 14:14 pchmonster 阅读(4944) 评论(0) 推荐(2) 编辑

了解 JavaScript （4）– 第一个 Web 应用程序
摘要：在下面的例子中，我们将要构建一个 Bingo 卡片游戏，每个示例演示 JavaScript 的不同方面，通过每次的改进将会得到最终有效的 Bingo 卡片。 Bingo 卡片的内容 美国 Bingo 卡片是 5 X 5 的方形，5 个列上标明 B-I-N-G-O，格子中包含 1~75 的数字。正中间是一个空格子，常常印着 free。每列可以包含的范围如下： B 列包含... 阅读全文

posted @ 2015-09-06 10:38 pchmonster 阅读(3030) 评论(1) 推荐(3) 编辑

导航

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示