Html5&Css3
luckystar2008
个人博客:https://tommy88.top
展开
-
Css3圆角边框
1行代码搞定CSS3的圆角。 webkit核心浏览器使用-webkit-border-radius,如-webkit-border-radius:10px; firefox浏览器使用-moz-border-radius,如-moz-border-radius:10px; 其他浏览器使用border-radius:10px; 示例: <!DOCTYPE HTML>...原创 2013-09-26 12:16:53 · 88 阅读 · 0 评论 -
CSS3旋转
webkit内核的浏览器:-webkit-transform firefox浏览器:moz-transform 示例: <!DOCTYPE HTML> <html> <head> <title> New Document </title> <meta charset="gb18030"> &a原创 2013-09-26 12:29:35 · 113 阅读 · 0 评论 -
css3 box-shadow投影发光效果
转载一篇css3 box-shadow投影发光效果 | 前端开发-武方博的文章,写的比较全面。 CSS3的box-shadow属性可以让我们轻松实现图层阴影效果。我们来实战详解一下这个属性。 1. box-shadow属性的浏览器兼容性 先来看一个这个属性的浏览器兼容性: Opera: 不知道是从哪个版本开始支持的,我在发这篇文章测试的时候,正好更新了Opera到最新的10.53版本,...原创 2013-09-26 13:42:28 · 221 阅读 · 0 评论 -
Json解析
HTML5已原生支持json的解析,window.JSON.parse()将json格式字符串转换为json对象,window.JSON.stringify()将json对象转换为json格式字符串。 示例: <!DOCTYPE HTML> <html> <head> <title>Window.JSON</title>...原创 2013-09-26 17:34:41 · 83 阅读 · 0 评论 -
HTML5新增的选择器
除了传统的document.getElementById,document.getElementsByName,document.getElementsByTagName外,HTML5中新增了2个更好用的选择器,分别是: document.querySelector:返回第一个找到的元素; document.querySelectorAll:返回找到的所有元素。 示例: 有一个表格...原创 2013-09-26 17:42:44 · 142 阅读 · 0 评论