Html5 与CSS3中的新特性
来源:互联网 发布:linux系统ping 编辑:程序博客网 时间:2024/05/21 19:29
Html5 绘画 canvas 元素
用于媒介回放的 video 和 audio 元素
本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失;
sessionStorage 的数据在浏览器关闭后自动删除
语意化更好的内容元素,比如 article、footer、header、nav、section
表单控件,calendar、date、time、email、url、search
CSS3
CSS3实现圆角(border-radius),阴影(box-shadow),
对文字加特效(text-shadow、),线性渐变(gradient),旋转(transform)
transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);//旋转,缩放,定位,倾斜
增加了更多的CSS选择器 多背景 rgba
在CSS3中唯一引入的伪元素是::selection.
媒体查询,多栏布局
border-image
移除的元素
纯表现的元素:basefont,big,center,font, s,strike,tt,u;
对可用性产生负面影响的元素:frame,frameset,noframes;
* 是IE8/IE7/IE6支持通过document.createElement方法产生的标签,
可以利用这一特性让这些浏览器支持HTML5新标签,
浏览器支持新标签后,还需要添加标签默认的样式:
* 当然最好的方式是直接使用成熟的框架、使用最多的是html5shim框架
<!--[if lt IE 9]>
<script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>
<![endif]-->
用于媒介回放的 video 和 audio 元素
本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失;
sessionStorage 的数据在浏览器关闭后自动删除
语意化更好的内容元素,比如 article、footer、header、nav、section
表单控件,calendar、date、time、email、url、search
CSS3
CSS3实现圆角(border-radius),阴影(box-shadow),
对文字加特效(text-shadow、),线性渐变(gradient),旋转(transform)
transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);//旋转,缩放,定位,倾斜
增加了更多的CSS选择器 多背景 rgba
在CSS3中唯一引入的伪元素是::selection.
媒体查询,多栏布局
border-image
移除的元素
纯表现的元素:basefont,big,center,font, s,strike,tt,u;
对可用性产生负面影响的元素:frame,frameset,noframes;
* 是IE8/IE7/IE6支持通过document.createElement方法产生的标签,
可以利用这一特性让这些浏览器支持HTML5新标签,
浏览器支持新标签后,还需要添加标签默认的样式:
* 当然最好的方式是直接使用成熟的框架、使用最多的是html5shim框架
<!--[if lt IE 9]>
<script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>
<![endif]-->
1 0
- Html5 与CSS3中的新特性
- HTML5 与 CSS3 新特性
- HTML5和CSS3中的交互新特性
- HTML5与CSS3的新特性
- css3+html5新特性
- html5 css3表单新特性
- html5和css3新特性
- css3和html5新特性
- 【web】html5/css3 新特性总结与实践
- HTML5 中的新特性
- HTML5与CSS3新增特性
- 什么是HTML5和CSS3?HTML5和CSS3的新特性
- 使用Modernizr探测HTML5/CSS3新特性
- HTML5 & CSS3的新交互特性
- 使用Modernizr探测HTML5/CSS3新特性
- HTML5初探-CSS3新特性小示例
- HTML5 & CSS3的新交互特性
- 使用Modernizr探测HTML5/CSS3新特性
- UDP协议
- PAT (Advanced Level) 1090. Highest Price in Supply Chain (25) 供应链,BFS
- github for windows_English version.
- java调用DLL
- 哪些管理类的书籍值得推荐?
- Html5 与CSS3中的新特性
- 非常非常小的DLL源代码
- 网站肉容如何避免被百度google爬虫抓取
- 动态设置控件的大小
- 基于ATMEGA8515的SPI驱动ST7565P液晶屏的程序(原创)
- SQL WHERE IN CHARINDEX()使用
- Maven搭建SpringMVC+Hibernate项目详解
- 源码篇:Mantle
- Android 5.0 API新增和改进