CSS浏览器前缀,HTML5新增标签
2019-01-02 16:23
513 查看
1.浏览器样式前缀
为了让CSS3样式兼容,需要加上
例如:-ms- 兼容IE浏览器
-moz 兼容Firefox
-webkit- 兼容chrome和safari
div{
-ms-transform:rotate(30deg);
...........
}
2.自动添加浏览器前缀
目前的状态是,有些CSS3属性需要加前缀,有些不需要加,有些只需加部分,可以用插件,安装autoprefixer
3.HTML5新增标签
(1)<header> 页面头部、页眉
(2)<nav>页面导航
(3)<article>一篇文章
(4)<section>文章中的章节
(5)<aside>侧边栏
(6)<footer>页面底部、页脚
(7)音频视频
<audio>
<video>
(8)PC端兼容h5的新标签的方法,在页面中引入以下js文件
(9)HTML5新增表单控件
新增类型:
网址 type="url" 邮箱Email 日期date 时间time 星期week 数量number 范围range 电话tel 颜色color 搜索search
<label>网址:</label><input type="url" name="" required>
新增常用表单控件属性:
placeholder 设置文本框默认提示文字
autofocus 自动获得焦点 //自动激活输入框
autocomplete 联想关键字 //输入框自动联想,一般不用
相关文章推荐
- IE9以下版本浏览器对HTML5新增标签不识别,导致CSS不起作用的问题
- 让旧浏览器支持HTML5新增标签
- HTML5----IE低版本支持HTML5标签方法,css 浏览器网页兼容性
- HTML&CSS_HTML5 Shiv 旧浏览器兼容HTML5标签
- 如何让所有的浏览器支持html5标签
- HTML5新增标签的汇总与详解
- html5新增及删除标签
- html5的一些新增标签。。
- HTML5新增元素兼容旧浏览器的解决办法
- HTML5新增标签与属性
- input书写css的注意事项 标签高度不一样 浏览器不兼容
- html5新增的语义标签和表单验证功能
- CSS3主要知识点总结+HTML5新增标签
- H5 - HTML5新增标签
- html5新增语义化标签
- 让所有浏览器支持HTML5 video视频标签
- HTML+CSS基础篇(二)——表单标签,与浏览器交互
- HTML5 标签、事件句柄属性以及浏览器兼容情况速查手册
- HTML5不支持标签和新增标签详解
- HTML5新增标签、表单新增类型与属性