html5和CSS3 高手进
小弟是做网站前端的,平时主要的工作就是负责公司网站的前端制作,手写CSS,我平时用的是html1.0和css2,现在公司老总让我用css3和html5去改版一套页面,小弟...
小弟是做网站前端的,平时主要的工作就是负责公司网站的前端制作,手写CSS,我平时用的是html1.0和css2,现在公司老总让我用css3和html5去改版一套页面,小弟对css3和html5只是听说有这么个东西,但是却从来没有用过,如果有哪位大哥懂的话,麻烦告诉小弟下,小弟不胜感激,永记大哥恩情!现在小弟想知道的是,我要是把公司这个页面用CSS3和HTML5改版的话,我应该怎么改,修改哪里,从哪里开始!
展开
展开全部
HTML5是向下兼容的,大部分主流浏览器都可以支持,这问题不大,但一些新的标签以及属性只有最新的浏览器支持。标记是标记,行为是行为,没有JS,HTML5也是HTML5。如果要改的话,在HTML文档顶部写一句<!DOCTYPE html>就行了,之前XHTML 1.0的标签继续沿用,没有问题。HTML5不是什么新鲜玩意,也不必看的好像史无前例似的,CSS3确实加入了很多主流浏览器不支持或不完全支持的新特性,但还是要看你需求,不能为了改动而改动,没有意义。
关于HTML5可以看看《HTML5揭秘》,新内容基本都覆盖了,CSS3目前还没有特别好的中文教程,网上找找文章吧。
关于HTML5可以看看《HTML5揭秘》,新内容基本都覆盖了,CSS3目前还没有特别好的中文教程,网上找找文章吧。
展开全部
CSS3 新功能中最常用的一项是圆角效果,标准 HTML 方块对象是90度方角的,CSS3 可以帮你实现圆角。
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
甚至单个角也可以实现圆角,不过 Mozilla 和 Webkit 的语法稍有不同:
-moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-top-right-radius: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
甚至单个角也可以实现圆角,不过 Mozilla 和 Webkit 的语法稍有不同:
-moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-top-right-radius: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;
参考资料: http://www.blueidea.com/tech/web/2010/7365.asp
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
html5 目前 大多浏览器不支持,二千html5对js的依赖性很强,现在拿这个改版不合适吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询