作者:手机用户2702932894 | 来源:互联网 | 2023-05-17 09:34
本篇内容介绍了“HTML5和CSS3的面试题有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
1. 列举3个HTML5新标签,3个CSS3新特性。
HTML5 新标签 header,nav,article,footer,section,aside,audio,video,embed
CSS3 新特性 border-radius ,box-shadow,border-image,background-image,transition.
2. HTML5实现本地临时存储和永久存贮、读取、删除一条 key 为c,value 为 tom 的数据。
// 临时存储
sessionStorage.setItem('c','tom')
// 永久存贮
localStorage.setItem('c','tom')
// 读取
localStorage.getItem('c')
// 删除
localStorage.removeItem("c");//逐条删
localStorage.clear();//删除全部
3.用 js+css3 实现某 DIV 以50px每秒的速度左移 100px
4.CSS 实现三栏布局(左右固定200px,中间自适应)
双飞翼布局:都左浮动,中间包一个盒子,padding 隔开两侧宽度。左右两侧都有 margin-left.
圣杯布局:中间不包盒子但还是有 padding。
拓展 左右布局
5.使用 html5 canvas 绘制实心原形。
6.如何使用 css3 动画实现盒子 hover 时高度从10到100的动画?
“HTML5和CSS3的面试题有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程笔记网站,小编将为大家输出更多高质量的实用文章!