前端面试之HTML&CSS篇

最新推荐文章于 2021-06-04 09:23:25 发布
最新推荐文章于 2021-06-04 09:23:25 发布
阅读量611 收藏 4
点赞数
分类专栏： 面试 文章标签： html5 css3 面试 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42532128/article/details/105317852
版权
本文聚焦前端面试中的HTML与CSS知识点，涵盖语义化标签、css布局技巧、单位理解、display属性、href与src的区别以及三栏布局和过渡动画。深入探讨了px、em、rem的区别，强调了它们在移动端适配的应用。同时，文章还讨论了如何通过flex、float和position实现三栏布局，以及transition和animation在动画效果中的运用。
摘要由CSDN通过智能技术生成

前方指路：
手写代码题：github
前端面试之JavaScript篇
前端面试之ES6篇
前端面试之HTML&CSS篇
前端面试之网络篇
前端面试之浏览器篇
前端面试之webpack篇
前端面试之vue篇
前端面试之性能优化篇

感觉这块面试的时候还是比较少问的，我在面试时被问到过css的单位和px与rem的区别。另外常见的可能就是垂直居中和三栏布局了。

目录

<

最低0.47元/天 解锁文章
張猴子
关注
专栏目录
前端面试题之html和css
念念不忘的博客
06-12 766
     1、你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?        IE: trident 内核        Firefox：gecko 内核        Safari:webkit 内核        Opera:以前是 presto 内核，Opera 现已改用 Google Chrome 的 Blink 内核        Chrome:Blink(基于 webkit，...
面试-html5,css3新特性
zyf_baby的博客
08-11 1880
一、HTML5 1.新特性、 HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。 拖拽释放(Drag and drop) API 语义化更好的内容标签（header,nav,footer,aside,article,section） 音频、视频API(audio,video) 画布(Canvas) API 地理(Geolocation) API 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失； session
html5css3新特性面试,前端面试题——HTML5和CSS3
weixin_42321086的博客
06-04 232
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...
HTML5和CSS3新特性
Schrodinge的博客
05-02 943
HTML5和CSS3新特性 文字属性 C3的新特性：渐变与2D转换、3D旋转 弹性盒布局属性
前端面试题html+css+js+ts+vue+react+uniapp
最新发布
04-12
在前端开发领域，掌握HTML、CSS、JavaScript是基础，而TypeScript、Vue.js、React以及UniApp等技术则代表着现代Web应用的高级阶段。这些技术的深入理解和运用，对于前端开发者来说至关重要，尤其是在面试环节。以下...
2023前端HTML+CSS最全面试题和答案汇总
02-09
内容概要：2023前端HTML+CSS最全面试题汇总，前端知识点全部覆盖，保你面试无忧。在手写Spring 源码的过程中会摘取整体框架中的核心逻辑，简化代码实现过程，保留核心功能，例如：IOC、AOP、Bean生命周期、上下文、...
前端面试题（HTML和CSS篇）
01-08
前端面试题(HTML和CSS篇) 1. 常用的几种浏览器的内核。并说说你对他们的理解。 IE Chrome FireFox Safari Opera Trident 内核 以前是Webkit内核，现在是Blink内核 Gecko内核 Webkit内核 最初是自己的Presto...
前端开发面试题–htmlcss篇
01-20
在前端开发面试中，HTML和CSS是不可或缺的基础知识领域。面试题往往旨在考察候选人的理论理解、实际应用以及解决问题的能力。以下是对这些知识点的详细解释： 1. **盒子模型** - **标准盒模型**（默认值）：CSS中...
一些html5和css3的一些常见面试题
zzyhhh的博客
09-05 862
一、HTML5 CSS3 CSS3有哪些新特性？ CSS3实现圆角（border-radius），阴影（box-shadow）， 对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform） 3.transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg)...
面试总结：html5的新特性（十大类）
mrhuanhuan的博客
09-28 4878
 这里只以 根目录的方式来说明，详细的见如下连接 https://www.cnblogs.com/vicky1018/p/7705223.html 1.语义化标签 好处:1.使代码结构清晰，便于阅读2.便于SEO3.无障碍阅读4.便于后期的维护与开发 2.智能表单 html5中提供了多个新的类型的input类型 1.color2.datatime3.data4.tel5.e-mail6...
HTML5 + CSS3面试题整理
热门推荐
计算机源码之家的博客
09-29 1万+
...
html5+css3面试题合集（一）
ymz-07
08-19 2720
css3的新特性 1.css3实现圆角(border-radius),阴影(box-shodow)，边框图片（border-image） 2.对文字添加特效（text-shadow），线性渐变（gradient），旋转（transform） 3对背景图尺寸修改（background-size） 4. 增加了更多的CSS选择器 多背景 rgba 5. 在CSS3中唯一引入的伪元素是 ::selec...
HTML5和CSS3的新特性(浓缩好记版)
我的博客
08-22 1万+
综述：这个问题在面试的时候经常被问到，有必要做一个总结，理解的深刻充分一些 1.html5的新特性？(记住有九大模块内容) 添加了video，radio标签 添加了canvas画布和svg,渲染矢量图片 添加了一些列语义化标签header,footer,main,section,aside,nav等 input的type值新添加了很多属性（email，ur...
【前端面试】HTML5+CSS3初级面试3
Wendy
02-10 8077
1、写出media type的几种使用方法。 1）方法一 ： 2）方法二： 3）方法三： @import url("style.css") screen; 4）方法四： @import url("style.css"); 5）方法五： @media screen{ selector{rules} }      当然，这几种方法各有利弊，而我们常用的是第一种和最后
【前端面试】HTML5+CSS3初级面试2
Wendy
02-08 7246
1、请用代码写出标签的使用方法。       方法一：video标签。       方法二：video标签。       因为现阶段不同的浏览器支持的视频格式是不同的，当我们有多种格式的视频样式时，我们会用第二种方法来做兼容调试。 2、HTML5有哪些不同类型的存储。      HTML5支持本地存储，速度快而且安全，在之前版本中是通过Cookie实现的。      有两种不同的对象可
前端面试题总结之HTML与CSS (一)
前端小白菜
07-21 988
link与@import导入样式的区别 a、html页引用css的三种，一是页内的style标签，二是link外链，三是@import导入 b、link是xhtm标签，不只外链css，还可以是rss（&amp;amp;amp;amp;nbsp;Really Simple Syndication）服务，而@import只能是css c、link外链的文件会与文档同步加载，而@import则是等待文档加载完成后才加载 d、l...
HTML5和CSS3新特性一览
weixin_30425949的博客
07-11 2768
HTML51.HTML5 新元素HTML5提供了新的元素来创建更好的页面结构：标签描述<article>定义页面独立的内容区域。<aside>定义页面的侧边栏内容。<bdi>允许您设置一段文本，使其脱离其父元素的文本方向设置。<command>定义命令按钮，比如单选按钮、复选框或按钮<details>用于描述文档或文档某个部分的细节&lt...
前端面试之移动端适配篇
BIGDgreen
05-13 6177
关于像素，括号中为别名 设备像素（物理像素） DP（Device Pixel），显示屏上的像素点，出厂即确定。 设备无关像素（设备独立像素） DIP（Device Independent Pixel），缩放比为1时，设备独立像素也等于CSS像素（逻辑像素）。我们通过CSS和javascript代码设置的像素都是逻辑像素。在CSS规范中，长度单位可以分为两类，绝对(absolute)单位以及相对(relative)单位，px是一个相对单位，相对的是设备像素(device pixel)。显示器上的小色框就是像素
前端面试精华：HTML&CSS基石与性能优化
本资源是一份全面的Web前端面试宝典，包含了针对前端开发者的各种基础和技术深度问题。从HTML和CSS基础知识，如浏览器兼容性、doctype声明、布局策略（div+css vs table）、图片优化技巧，到高级概念如网页标准、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值