前言:

文章转自:http://www.chromi.org/archives/8522

认真观摩了下,整个网站所使用的技术和效果,都是学习Html5 和css3的好例子。当然,里面的内容也是很值得一读的。可惜的是,网站已经被墙了,如果要看的话,请自行翻墙查看吧。

如果你不懂E文,可以查看翻译:http://article.yeeyan.org/view/75834/153243

========================================

阅读全文——共929字

接上一篇《用html5和css3 开发博客实例(1)》,这部分内容,主要是以CSS为主,做一个博客界面。

6、用 CSS3添加样式

CSS3建立在早期版本的CSS基础上。并增加了许多新功能,包括新的选择器、伪类和属性。用这些新 功能,使其更易于进行布局。让我们继续深入。

基本设置

首先,定义一些有关网 页排版和背景颜色等方面的基本样式。同CSS2.1代码差不多

阅读全文——共5781字

html5 和css3是目前web前端炒得很热的2个概念,做为web前端开发者,虽然在目前的大环境下,还无法在实际项目中全面的去运用。但我们还是有必要去学习和研究。而本教程,我们则用html5和css3去构建一个博客页面,本教程旨在演示当浏览器支持新规则时如何建设网站。本教程一共分为2部分,第一部分主要介绍html5相关方面的内容,第二部分链接为:用html5和css3 开发博客实例(2)

1、Html 5

HTML5 是HTML的下一个主要版本。它引入了一些新元素,将使我们的网页合乎语义化标准。使众多搜索引擎和屏幕阅读器能轻易浏览网页,并改善大家的网络体验。此 外,HTML5还包括用于屏幕绘图的fancy API、离线存储数据、拖放等功能。好了,让我们开始设计博客页面吧!

2、基本结构

开始制作网页前,我们应该规划一个总体结构线框图:

阅读全文——共4092字