关于CSS3于HTML5的一些见解
2014-01-24 11:09
423 查看
1.标签
结构方面增加了header,footer,article,section,nav,menu,hgroup,aside,dialog,figure这些 其实就是把原来的CLASS=“header”改成一个header标签,让大家在编程的时候能清楚的知道网站的答题结构,提升重构和修改的方便。通俗简便。在其次就是INPUT增加了一些常用的type属性 比如<input type="time" />之类,把一些以前要判断是否为邮箱 ,事件之类的需要JS编写的都统一进去。减少了工作的复杂度,提高了标签的效率。
主要添加了<video>和<canvas>音频和画图 这2个标签。
2.css属性
css3中添加了很多新增的属性,解决了以前都需要大量时间才能完成的效果。这里列举几个小例子。
box-shadow 盒阴影
text-shadow 文字阴影
border-radius 圆角 等等 如想知道更多 看官网实例。
对于圆角 大家都不陌生,圆角是大家以前的恶梦,虽然这样说有点夸张。但是确实如此,比如:九宫格。都会让人头疼。现在只用在box那里加一个属性就能解决圆角问题,大大的提高的制作效率,也大大的解决了结构多用的问题。
3.js
比如CANVAS就需要他自定的JS方式来画图。
结构方面增加了header,footer,article,section,nav,menu,hgroup,aside,dialog,figure这些 其实就是把原来的CLASS=“header”改成一个header标签,让大家在编程的时候能清楚的知道网站的答题结构,提升重构和修改的方便。通俗简便。在其次就是INPUT增加了一些常用的type属性 比如<input type="time" />之类,把一些以前要判断是否为邮箱 ,事件之类的需要JS编写的都统一进去。减少了工作的复杂度,提高了标签的效率。
主要添加了<video>和<canvas>音频和画图 这2个标签。
2.css属性
css3中添加了很多新增的属性,解决了以前都需要大量时间才能完成的效果。这里列举几个小例子。
box-shadow 盒阴影
text-shadow 文字阴影
border-radius 圆角 等等 如想知道更多 看官网实例。
对于圆角 大家都不陌生,圆角是大家以前的恶梦,虽然这样说有点夸张。但是确实如此,比如:九宫格。都会让人头疼。现在只用在box那里加一个属性就能解决圆角问题,大大的提高的制作效率,也大大的解决了结构多用的问题。
3.js
比如CANVAS就需要他自定的JS方式来画图。
相关文章推荐
- 一些关于html5和css3的笔记
- 一些关于html5和css3的笔记(2)
- 【微信支付】分享一个失败的案例 跨域405(Method Not Allowed)问题 关于IM的一些思考与实践 基于WebSocketSharp 的IM 简单实现 【css3】旋转倒计时 【Html5】-- 塔台管制 H5情景意识 --飞机 谈谈转行
- Web 开发人员需要了解的一些 HTML5 和 CSS3 片段
- 关于PageRank的一些见解
- HTML5和CSS3一些经典图书分享
- 关于CentOS 7 链路聚合的一些见解
- 关于项目管理的一些个人见解
- 一些html5和css3的一些常见面试题
- 关于 html5 播放 vo 遇到的一些问题
- 关于函数返回值的一些见解
- 关于android的mk文件的一些见解
- HTML5关于上传API的一些使用(中)
- 关于函数返回值的一些见解
- 关于CSS和CSS3中一些注意事项1
- 关于PageRank的一些见解
- 关于老式浏览器兼容HTML5和CSS3的问题
- 关于HTML5 boilerplate 的一些笔记
- 关于ADO.Net连接池(Connection Pool)的一些个人见解
- 关于在学习知识和运用知识中的一些个人的见解(后续会持续更新)