前端面试题 | HTML5新特性有哪些？CSS3新特性有哪些？

最新推荐文章于 2023-07-13 11:46:40 发布
最新推荐文章于 2023-07-13 11:46:40 发布
阅读量3k 收藏 4
点赞数 2
文章标签： 前端 html5 css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48491416/article/details/123419098
版权

H5新特性

  • 拖拽释放（Drag and drop）API
  • 语义化更好的内容标签（header，nav，footer，aside，article，section）

  •  音频、视频API(audio,video)
  •  画布(Canvas)API
  •  地理（Geolocation）API
  • 本地离线存储localStorage长期存储地址，浏览器关闭后数据不丢失
  • sessionStorage 的数据在浏览器关闭后自动删除
  • 表单控件，calendar、date 、time、email、url、search
  • 新的技术webworker,websocket,Geolocation

CSS3新特性

  • 颜色：新增RGBA、HSLA模块
  • 文字阴影（text-shadow）
  • 边框：圆角（border-radius）边框阴影：box-shadow
  • 盒子模型：box-sizing
  • 背景 ：background-size设置背景图片尺寸；background-origin设置背景图片的原点；background-clip设置背景图片的裁切区域，以“，”分隔可以设置多背景，用于自适应布局
  • 渐变：linear-gradient、radial-gradient
  • 过渡：transition,可实现动画
  • 自定义动画
  • 2D转换：transform:translate
  • 3D转换
学无止境呀小徐
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML5新特性、CSS3新特性
qq_36582776的博客
04-19 603
1.HTML5 一：canvas标签 your browser does not support the canvas tag var canvas=document.getElementById('myCanvas'); var ctx=canvas.getContext('2d'); ctx.fillStyle='#FF0000'; ctx.fillRect(0,0,80,100); 渲染结果： 通过这个元素你可以绘制你想要的图案。 二：video标签​​ your bro.
前端面试基础题：html5有哪些新特性、移除了哪些元素？
qq_43356200的博客
07-17 247
HTML5现在已经不是 SGML的子集，主要是关于图像，位置，存储，多任务等功能的增加 绘画canvas 用于媒介回放的 video和audio元素 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失 sessionStorage的数据在浏览器关闭后自动删除 语意化更好的内容元素，比如article、footer、header、nav、section 表单控件，calendar、date、time、email、url、search 新的技术webworker、websocke..
HTML5、CSS3的新特性
weixin_44273311的博客
05-24 96
H5 新特性 语义化标签：header、footer、section、nav、aside、article 增强型表单：input 的多个 type 新增表单元素：datalist、keygen、output 新增表单属性：placehoder、required、min 和 max 音频视频：audio、video canvas 地理定位 拖拽 本地存储：localStorage - 没有时间限制的数据存储；sessionStorage - 针对一个 session 的数据存储，当用户关闭浏览器窗口后，数据会
前端面试html5新特性,前端面试基础-html篇之H5新特性
weixin_34337678的博客
06-04 320
h用能境战求道，重件开又是正易里是了些之框5的新特性(目前个人所了解)如求圈分件圈浏第用代是水刚道。的它还下语义化标签表单新特性视频(vi朋不功事做时次功好来多这开制的请一例农在deo)和音频(audio是能览调不页新代些事几求事都时学下是事)canv作一新求抖直微圈as画布svg绘图地理定位为鼠标提供的拖放AP比抖朋要插支一圈不者地Iwebwor遇新是直朋能到分览ker(重点)Storag比抖朋...
HTML5和CSS3新特性
Schrodinge的博客
05-02 929
HTML5和CSS3新特性 文字属性 C3的新特性：渐变与2D转换、3D旋转 弹性盒布局属性
前端面试题-HTML5新特性
Vivian_0430的博客
08-20 519
标签语义化 header，footer，nav，section，article，aside，diallog等。 好处：结构清晰，易于阅读，可维护性更高，有利于搜索引擎的搜索（SEO的优化）。 音频和视频标签 audio，video（source标签定义type属性） 属性：src（音频或视频链接），width，height，controls（显示控件） 表单 input新增输入类型：date，color，month，email，tel，url等 新增表单元素：keygen（公钥私钥），datalist，p.
前端面试题HTML+CSS基础篇——HTML5新增特性
xiaomao_wxj的博客
08-13 342
HTML5新增特性总结 一、语义标签 为了更好地实现web语义化，HTML5为我们提供了header，footer，aside，session，nav，article等一些语义化标签，这样即使页面没有css结构，也能很好的展示出页面结构，便于开发者阅读理解。 二、表单 1. 表单控件 HTML5为了增强表单，增加了一些新的type类型，方便输入控制和验证。 例如：data，time，month，week，earch，calander，number，color，range（一个范围内数字值的输入域） 2. 表
html5css3新特性面试,前端面试题——HTML5和CSS3
weixin_36425412的博客
06-04 369
1. 列举3个HTML5新标签，3个CSS3新特性。HTML5 新标签 header,nav,article,footer,section,aside,audio,video,embedCSS3 新特性 border-radius ,box-shadow,border-image,background-image,transition.2. HTML5实现本地临时存储和永久存贮、读取、删除一条 k...
html5css3面试题及答案,前端面试题及答案-CSS篇.docx
07-05
本文档提供了 HTML5/CSS3 面试题及答案，涵盖了 CSS 的新特性、选择符、盒模型、浮动、垂直居中等多个方面。 CSS3 的新特性 * 实现圆角（border-radius） * 阴影（box-shadow） * 文字加特效（text-shadow） * ...
（每日一题）面试官：CSS3新增了哪些新特性？
itpeilibo的博客
10-02 353
即层叠样式表（Cascading Style Sheets）的简称，是一种标记语言，由浏览器解释执行用来使页面变得更美观。动画这个平常用的也很多，主要是做一个预设的动画。和一些页面交互的动画效果，结果和过渡应该一样，让页面不会那么生硬。：转换元素的位置（围绕那个点进行转换），默认值为`(x,y,z):(50%,50%,0)通常情况，背景都是覆盖整个元素的，利用这个属性可以设定背景颜色或图片的覆盖范围。当我们设置背景图片时，图片是会以左上角对齐，但是是以。属性允许你旋转，缩放，倾斜或平移给定元素。
前端面试必备之html5的新特性
09-28
HTML5想必大家都很熟悉了,因为太多的媒体在讨论这一技术。所以当我们在面试前端工作的时候，遇到html5相关的问题一点也不意外，想要顺利通过前端面试？下面这篇文章就来跟大家分享介绍了关于前端面试必备之html5新特性的相关资料，需要的朋友可以参考下。
新版前端高频面试题笔记+课件+源码（HTML+CSS+JavaScript）
最新发布
04-24
本视频主打内容最全最新，包括大前端基础与高频面试题，打造一站式知识长龙 服务，适合有前端基础的同学学习。 课程需知： 课程面向的同学是：有前端基础的同学。 课程内容： —.HTML5面试题 1.如何理解HTML5结构...
2024年最新前端面试题总结(HTML5+CSS3+JS+TS4+Vue+React18)
03-05
### 2024年最新前端面试题总结(HTML5+CSS3+JS+TS4+Vue+React18) #### 1. 浏览器兼容性 浏览器兼容性问题一直是前端开发中的重要议题之一。在不同的浏览器版本、不同的设备上，可能会出现样式渲染不一致的情况。...
前端面试题html+css+js+ts+vue+react+uniapp
04-12
了解HTML5的新特性，如语义化标签（header, footer, section等），离线存储（Application Cache），拖放功能，媒体元素（audio, video）等，是现代前端开发的基础。 **CSS**：Cascading Style Sheets用于控制网页的...
【前端知识之HTML】HTML5新特性
weixin_44337386的博客
05-10 435
本系列主要整理前端面试中需要掌握的知识点。本节介绍HTML5的新特性。
面试题更新之-HTML5的新特性
肥晨开发的学习之路
07-13 1701
设备访问API：HTML5通过一系列的设备访问API，如媒体捕获API（Media Capture API）、设备方向API（Device Orientation API）和振动API（Vibration API），使得开发者可以获取用户的摄像头、麦克风、陀螺仪等设备信息，实现更多样化的应用功能。History API：HTML5的History API允许开发者通过JavaScript操作浏览器的历史记录，包括添加、修改和移除记录，并可以对浏览器历史进行前进和后退操作，实现更流畅的页面导航和用户体验。
前端面试——HTML5 新特性总结
qq_46178261的博客
12-24 392
三 HTML5 新特性总结 1. 视频和音频 1.1 视频 今天，大多数的视频是通过插件(比如Flash) 来显示的，然而并非所有浏览器都拥有同样的插件。 HTML5规定了一种通过video元素来包含视频的标准方法。 视频格式 video元素支持三种视频格式： Ogg MPEG 4 WebM 使用方式 <video src="movie.ogg" controls="controls"></video> <video> 标签的属性 <video
前端HTML5十大新特性详细总结
热门推荐
weixin_45709829的博客
04-04 1万+
前端HTML5十大新特性总结 一 必须知道 写前端的都知道，在代码最前面都有这一行代码，大家都知道一定要把这东西写上去。 <!DOCTYPE html> 但是！这是什么玩意儿？为什么要写上去?不写上去会怎么样？很少人去注意到，反正就照写就可以了。 所以，这是个啥玩意儿?这是声明！这是HTML5声明的新特性！ 既然有HTML5，那肯定有HTML4是吧，那HTML4是怎么声明的呢？ HTML4有三种声明方式：Strict（严格模式），Transitional（过渡模式），Frameset（框架模式
前端面试题总结：HTML5，JS，CSS3，兼容性。
duzanuolu的专栏
03-19 1886
1、 请写出至少20个HTML5标签 2、 简述jpg。Gif。png-8.png-24的区别，分别使用场景 　　gif、jpg、png格式的图片在网站制作中的区别 　　Gif格式特点: 　　1.透明性,Gif是一种布尔透明类型，既它可以是全透明，也可以是全不透明，但是它并没有半透明（alpha透明）。 　　2.动画,Gif这种格式支持动画。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值