浏览器/html/css面试题----1

已于 2024-05-24 16:36:26 修改
阅读量309 收藏
点赞数 12
分类专栏： 前端最新面试题以及日常实用插件 文章标签： html 前端 面试
于 2024-05-24 16:32:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mingl520/article/details/139177639
版权
本文整理了前端面试中常见的HTML/CSS/JavaScript相关问题，包括盒模型、行内元素与块级元素的区别、src与href的用途、CSS Hack、优雅降级与渐进增强、像素单位px和em的差异、HTTP状态码、浏览器渲染流程、HTTPS加密机制等知识点，帮助求职者全面准备前端面试。
摘要由CSDN通过智能技术生成

1.什么是盒模型

盒模型

margin(外边距)- 清除边框外的区域，外边距是透明的。
border(边框)- 围绕在内边距和内容外的边框。
padding(内边距)- 清除内容周围的区域，内边距是透明的。
content(内容)- 盒子的内容，显示文本和图像。

W3C的标准盒模型

在这里插入图片描述

在标准的盒子模型中，width指content部分的宽度

IE的盒模型

在这里插入图片描述

在IE盒子模型中，width表示content+padding+border这三个部分的宽度

了解本专栏 订阅专栏 解锁全文 超级会员免费看
MingL520
关注
  • 12
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
html面试题大全 html-css-js
10-15
HTML 和 CSS 是网页设计的基础，面试中经常涉及这两方面的知识。...这些面试问题涵盖了HTML和CSS的基础知识，也涉及了一些高级话题，如性能优化、Web标准和浏览器兼容性，是准备面试的重要参考资料。
史上最全高质量css+html面试题
m0_60676278的博客
07-13 1534
当对一个文档进行布局（layout）的时候，浏览器的渲染引擎会根据标准之一的 CSS 基础框盒模型（CSS basic box model），将所有元素表示为一个个矩形的盒子（box）contentpaddingbordermarginmargin(外边距)- 清除边框外的区域，外边距是透明的。border(边框)- 围绕在内边距和内容外的边框。padding(内边距)- 清除内容周围的区域，内边距是透明的。content(内容)- 盒子的内容，显示文本和图像。CSS hack。
html及css经典面试题
wushangnb的博客
12-15 3394
1.src与href的区别: href表示超文本引用，用在link和a等元素上，href是引用和页面关联，是在当前元素和引用资源之间建立联系，src表示引用资源，表示替换当前元素，用在img，script，iframe上，src是页面内容不可缺少的一部分。 src是source的缩写，是指向外部资源的位置，指向的内部会迁入到文档中当前标签所在的位置；在请求src资源时会将其指向的资源下载并应用到当前文档中，例如js脚本，img图片和frame等元素。 <script src=...
前端 html,css 经典面试题 16道 （20220322）
weixin_59519449的博客
03-22 3794
1.html5有哪些新特性、移除了哪些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？HTML5是构建web内容的一种语言描述方式，在08年正式发布，12年已形成了稳定的版本。 H5新特性有： 语义标签、增强型表单、Canvas绘图、地理定位、SVG绘图、拖放API、WebWorker、WebStorage、WebSocket 移除了： 1、显现层元素：basefont 、big、center、font、s、strike、tt、u 2、性能较差元素：fr...
HTML和CSS面试题—整理过的48题，关注收藏，持续更新
王春燕的博客
04-15 6055
主流浏览器的内核分别是什么？ IE：trident内核[‘traidnt ] Firefox：gecko 内核[ˈɡekəʊ] Safari：webkit 内核 Chrome,Opera：Blink内核(基于webkit) 2:每个HTML文件开头都有<!DOCTYPE html>，它的作用是什么 <!DOCTYPE html>声明位于文档中的最前面的位置，此标签告知浏览器文档使用哪种HTML或XHTMl规范（重点：告诉浏览器按照何种规范解析页面） ......
HTML与CSS面试题.docx
01-14
HTML与CSS面试题 HTML部分： 1. HTML语义化的理解： HTML语义化是指使用正确的标签来描述页面结构和内容，从而提高页面的可读性和可维护性。语义化的优点包括：易于阅读和维护、利于SEO、便于浏览器和搜索引擎解析...
最新版html+css面试题
10-24
HTML 和 CSS 是构建网页的基本元素，面试中常常会考察这些技术的基础知识以及最新发展。以下是一些关于HTML和CSS的重点： 1. **浏览器内核**：不同的浏览器有不同的渲染引擎，如IE的Trident，Firefox的Gecko，...
2.CSS面试真题-127页.7z
02-28
这份"2.CSS面试真题-127页.pdf"文件，显然是为准备2024年前端面试的求职者提供的一份详实的参考资料，包含了127页的CSS面试问题和解答。 首先，我们来探讨一下CSS的基础知识点： 1. **CSS选择器**：选择器是CSS...
前端大厂最新面试题-css.docx
06-06
前端大厂最新面试题-css CSS是前端开发的基础，以下是对前端大厂最新面试题-css的总结和解释。 1. 控制元素的盒模型的属性是box-sizing。 2. 相邻选择器是+，能匹配相邻的兄弟元素。 3. 不能被子元素继承的属性...
HTML-CSS常见面试题整理！面试题？看这一篇就够了
weixin_40381947的博客
05-31 936
HTML是一种标记语言，用于创建网页结构和内容。它定义了不同的标记（或元素）来表示网站中的不同部分，如标题、段落、链接和图像等。HTML 是构建网页的基础。 CSS是一种样式表语言，用于美化网页。它定义了不同的样式规则来控制网页中的元素，如字体、颜色、布局和大小等。CSS 可以为网页带来丰富的视觉效果，使其更加吸引人眼球。
HTML+CSS面试题总结（附答案+视频讲解）
xm1037782843的博客
06-25 2704
前端面试题总结 面试题总结 html+css面试题 元素隐藏、盒子垂直居中
HTML&CSS相关面试题
qq_39349116的博客
05-17 422
一、什么是盒模型 1.在我们HTML页面中 每一个元素都可以被看作一个盒子，而这个盒子由：内容区（content）、填充区（padding）、边框区（border）、外边界区（margin）四部分组成。 2.盒子模型有标准盒子模型和怪异盒子模型 标准模式下: 一个盒子的总宽度(页面中占的宽度)= width + margin(左右) + padding(左右) + border(左右) 怪异模式下: 一个盒子的总宽度= width + margin(左右)（即width已经包含了padding和border
2024最新前端面试题(HTML CSS篇 近万字含解答)_css前端答辩问题(1)
2401_84181801的博客
05-14 615
最基本的：设置display属性为none，或者设置visibility属性为hidden技巧性：设置宽高为0，设置透明度为0，设置z-index位置在-1000。
HTML与CSS面试题
qq_45259815的博客
07-30 539
前端领域，html和css方面的面试题汇总
HTML&CSS常见面试题
FIRE的博客
09-06 3202
HTML&CSS常见面试题
浏览器工作原理之网页解析
Geezer_007的博客
09-02 1298
网页解析 　　可以将浏览器整体看作一个网页处理模块，这个模块的输入是网络上接收到的字节流形式的网页内容。输出是三棵树型逻辑结构：DOM树、Render树及RenderLayer树 　　浏览器的解析过程就是将字节流形式的网页内容构建成DOM树、Render树及RenderLayer树的过程 　　浏览器的解析对象是网页内容，网页内容包括以下三个部分： 　　1、HTML文档：超文本标记语言，制作...
34道常见的HTML+CSS面试题，附答案
web前端开发
01-27 966
接上《33道前端开发理论面试题，附答案》这篇文章，今天把HTML与CSS的面试题分享给大家，里面有参考答案。二、HTML2.1、&lt;image&gt;标签上title...
2024前端高频面试题之HTML&&CSS篇 持续更新
最新发布
weixin_62305533的博客
05-28 655
在w3c规范中，盒子模型被定义为一个元素所占用的网页空间。盒模型由4部分组成：margin(外边距)、border(边框)、padding(内边距)、content(内容)盒子大小的计算模型有两种：标准盒模型、IE盒模型，通过改变 css 的box-sizing属性的值来改变两种盒模型的区别在于设置 width 和 height 的时候，对应的范围不同。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

MingL520

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值