0元购京东自营斐讯K2路由器返399元活动
置顶

使用HTML5和CSS3制作的网站模板下载

作者:     目录: 设计素材     发表: 2010年05月06日

做网站有6年时间了,刚开始的时候都是利用表格(table)来布局页面元素,后来因为CSS2.0的出现,而转变为利用div来布局,其最大的好处就是页面样式与内容数据的分离,这对网站重构(redesign)相当重要。而近来HTML5和CSS3开始大行其道,作为一名设计师,必须走在技术的最前沿,并尝试使用并推广HTML5和CSS3。

浏览器对HTML5的支持情况:

目前 Firefox、Google Chrome、Opera 及 Safari(版本 4 以上)已支援 HTML5 技术。

HTML 5 提供了一些新的元素和属性,新增加的一些标签有一定含义,例如<nav>(网站导航块)和<footer>(页脚) 。这种标签将有利于搜索引擎的索引整理、小屏幕装置和视障人士使用。

HTML5与 HTML 4 的不同之处:

  • 新的解析顺序
  • 新的元素:section, video, progress, nav, meter, time, aside, canvas
  • input 元素的新属性:日期和时间,email, url
  • 新的通用属性:ping, charset, async
  • 全域属性:id, tabindex, repeat
  • 移除元素:center, font, u, strike, s, frameset, frame, applet

一些过时的 HTML 4 标记将取消,其中包括纯粹用作显示效果的标记,如 <font> 和 <center> ,因为它们已经被 CSS 取代。还有一些透过 DOM 的网络行为。

CSS3的一些特性

现在很多网站都已经开始使用CSS3了,利用CSS3可以制作投影发光渐变圆角等效果。

使用HTML5和CSS3制作的网站模板下载 – A CSS3 Theme


使用html5和css3制作的网站模板下载

预览 下载

总结:

通过这个模板的源代码(HTML5和CSS3),我们大致可以对HTML5和CSS3有个大致的了解,希望对你有所帮助和启发。

4 个评论

  1. 郑州seo says:

    你的 gg 广告放的有技术含量

  2. 任鸟飞 says:

    @郑州seo 说实话 这个效果是我抄来的 哎 当时一下子就被吸引住了。

  3. 卧龙腾飞 says:

    做的很彩,我会常来关注的!

  4. 软件列车 says:

    哎!看来落后了,刚接触CSS2.0啊!

郑州seo进行回复 取消回复

电子邮件地址不会被公开。 必填项已用*标注