前端面试题HTML+CSS基础篇——position

最新推荐文章于 2023-05-11 14:12:10 发布
最新推荐文章于 2023-05-11 14:12:10 发布
阅读量367 收藏
点赞数
分类专栏： 前端面经 position 文章标签： 定位 html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaomao_wxj/article/details/107851899
版权

position 定位

1. static

默认值，无定位，元素出现在文档流中

2. absolute

绝对定位，元素相对于static定位以外的第一个有定位的父元素进行定位，会使元素脱离文档流，不在文档流中占据空间

3. relative

相对定位，元素相对于自身进行定位，不会使元素脱离文档流，原来位置仍然占据空间

4. fixed

绝对定位，元素相当于浏览器窗口进行定位，会使元素脱离文档流，原来位置不占据空间

5. inherit

规定元素从父类继承position属性的值

程序员小王同学
关注
专栏目录
前端面试题（HTML篇）
weixin_46163346的博客
03-03 790
1.网络中使用最多的图片格式有哪些？ JPEG，GIF，PNG 最流行的是JPEG格式，可以把文件压缩到最小 在PS以JPEG格式存储时，提供11级压缩等级 2.简述CSS盒子模型 一个CSS 盒子从外到内可以分为四个部分： margin（外边距）、border（边框）、padding（内边距）、content（内容） 默认情况下，盒子的width和height属性只是设置content的宽和高 盒子的真正宽度是：内容宽度+左右填充+上下填充+左右边距+左右边框 盒子的真正高度是：内容高度
web前端面试常见问题二 ------css布局（position）
Edward的web前端修炼之路
06-22 3698
web前端面试常见问题二                  ------css布局（position）    前言：博主我今年大三，web前端学了也有小半年啦，因为大四没课啦，所以已经开始找实习，面试了很多大大小小的公司，有失败也有成功。接下来我将和大家分享一下我在各个公司遇到的一些常见面试题，希望能和大家相互探讨，共同进步。     二.position        p
前端面试题之HTML篇
爱是与世界平行
05-28 890
前端面试题之HTML篇1. src和href的区别2. 对HTML语义化的理解3. DOCTYPE(⽂档类型) 的作⽤4. script标签中defer和async的区别5. 常⽤的meta标签有哪些6. HTML5有哪些更新1. 语义化标签2. 媒体标签3. 表单4. 进度条、度量器5.DOM查询操作6. Web存储7. 其他7. img的srcset属性的作⽤？8. 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？9. 说一下 web worker10. HTML5的离线储存怎么使用，它的
前端面试题之HTML
zt_pursue的博客
01-14 494
做着web方面的工作，但是一些概念性的东西总是记不清，写几篇博客专门记载一下。 谈谈你对web标准的理解 web标准不是某一个标准，而是一系列标准的集合。 网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。 对应的也标准分为三方面： 结构化标准语言主要包括HTML，XHTML和XML， 表现标准语言主要包括css,
前端面试题（HTML部分）
景洪的博客
09-27 294
HTML部分1、Doctype作用？有多少种Doctype文档类型？严格模式与混杂模式如何区分？答：标签用来定义浏览器用哪种模式进行排版和js运行，它只能声明在HTMl标签的上面；如果不加这个标签会导致文档会以混杂模式来渲染； 共有多少种DOCTYPE文档类型？ HTML5：只有一种文档类型，即： HTML4.0.1引用了DTD，有三种文档类型，strict、transitional、fram
2024前端面试题！（附答案及解析）（2024.10月最新版）
热门推荐
这世上从不缺让人上头的新鲜感，能顾及你情绪的人实属难得。
03-27 17万+
2024前端面试题！面试宝典！总结心得！（附答案及解析）会持续更新哦！（2024.10月最新版）感谢支持，你们的鼓励是我的动力！
前端面试套餐：Vue面试题总结+JavaScript前端经典面试题+100道 CSS 面试题
weixin_52546522的博客
05-13 1万+
前言 在逛技术网站时，在一篇文章下面看到了一条评论，这条评论仁者见仁智者见智。我单独放出来说，是因为他讲到了基础。基础是重要的一个学习环节，在面试中很多问题都不难，都是基础上内容，回不回的上就看你基础掌握的怎样了，面试官也从中知道你学的怎样。 评论 我因为学习兴趣浓，从测试到java到前端一路学过来，现在就处于什么都懂，什么都半桶水的尴尬局面。我因为喜欢前端界面而渐渐的专注于前端。广和精，这一对矛盾又统一的兄弟，在前端折腾死了很多人，我面试过的一些公司，一些说你深度不够，一些说你太过狭隘，聊下来我就想打人。
前端知识点面试题CSS基础篇1.docx
07-09
**CSS基础篇** 1. **盒模型** CSS盒模型是网页布局的核心概念，它描述了元素在网页中占据的空间。标准盒模型（W3C）包括内容(content)、内填充(padding)、边框(border)和外边距(margin)，其中元素的宽度和高度仅指...
最全前端面试题-2（css篇-上百篇题集整理1个月）
05-04
【CSS1. CSS3 特性】：CSS3引入了许多新特性，如边框圆角（border-radius）、阴影效果（box-...以上是对CSS面试题中涉及知识点的详细解释，涵盖了从基础到进阶的各种概念和技术，有助于全面理解和掌握CSS相关知识。
前端面试指南 — css 篇面试题
weixin_60652380的博客
04-22 420
考点 1：初始化样式 问题：什么是 CSS 初始化？并说说为什么要初始化 CSS 样式？ CSS初始化是指：开发者对浏览器的默认样式进行重置。 1、浏览器差异 因为浏览器的兼容问题，不同的样式会有默认初始样式，margin和padding，下划线等等，浏览器不同，数值还不一样，如果直接写样式，会出现差异，布局出现错乱，所以要初始化样式，达到统一的布局。 2、提高编码质量 初始化CSS后，可以让开发者省去很多写单独兼容的代码，减少代码体积，节约网页下载时间；还会使得我们开发网页内容时更...
前端面试题–html篇
qq_26887683的博客
11-30 462
前端面试题–html篇 1. 渐进增强和优雅降级之间的不同？ ​ 渐进增强 progressive enhancement：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。 ​ 优雅降级 graceful degradation：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。 区别：优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从一个非常基础的，能够起作用的版本开始，并不断扩充，以适应未来环境的需要。降级（
localStorage、sessionStorage、Cookie的区别及用法
weixin_30412013的博客
03-01 111
问题描述：在做实训系统的时候，出现2个页面取值的问题，打开对话页面后，进行录音，录音后生成的id传到答题的页面，这样在两个不同的页面进行传值，我们使用localStorage将值存入，在另一个页面再读取这个值。 另外找到一个关于前端学习的网站，感觉还不错，可以在上面进行学习：https://segmentfault.com/ 其界面如下： 转载自：https://segm...
前端面试题Html篇
CsDn_ZhiHui的博客
04-07 259
1、行内元素，块级元素和行内块元素都有哪些？（重点） 块级元素：div p h1 ~h6 form ul li 行内元素：a b br i span select button 行内块元素：img input video audio 2、行内元素，块级元素和行内块元素分别都有什么特点。（重点） 块级元素特点：①可设置宽高，内外边距。 ​ ②自动换行 ​ ③它可以容纳内联元素和其他块元素。 ​ ④宽度始终是与浏览器宽度一样，与内容无关。 行内元素特点：①行内元素只能容纳文本或者其他行内元素。
详细前端面试题HTML篇
最新发布
jyl919221lc的博客
05-11 2622
渐进增强（Progressive Enhancement）：一开始就针对低版本浏览器进行构建页面，完成基本的功能，然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验优雅降级（Graceful Degradation）：一开始就构建站点的完整功能，然后针对浏览器测试和修复。比如一开始使用 CSS3 的特性构建了一个应用，然后逐步针对各大浏览器进行 hack 使其可以在低版本浏览器上正常浏览。
web前端面试题整理（HTML篇）
Micky的博客
05-15 407
需要web前端课程工具和电子书，可以加: 33群105601600;22群1203428331. h5的改进:新元素 画布canvas: HTML5<canvas>元素用于图形的绘制，通过脚本(通常是JavaScript)来完成 音频audio 视频video 语义性: article,nav,footer, section, aside, hgroup等. 时间time...
HTML前端面试题（持续更新中）
Lilly_1116的博客
08-25 1562
前端面试汇总，不断更新ing
最新前端面试题汇总之HTML篇
weixin_44784650的博客
10-02 265
作者：CUG-GZ 链接：https://www.nowcoder.com/discuss/614017?type=all&order=time&pos=&page=1&ncTraceId=&channel=-1&source_id=search_all_nctrack 来源：牛客网 最近在准备春招，所以把整理的前端面试题分享出来，供大家参考。 src和href的区别 src和href都是用来引用外部的资源，它们区别如下： src：表示对资源的引用，它指向
CSS中position属性面试题目超详细讲解
LinZHiMo的博客
05-12 456
写在前面 CSDN话题挑战赛第1期 活动详情地址：CSDN 参赛话题：前端面试宝典 话题描述：欢迎各位加入话题创作得小伙伴，如果我没有猜错得话，我觉得你是应该同我一样是一位前端人。如今前端在IT事业中的占比越来越重，已经成为不可缺少的部分，前端技术也是层出不穷，各种技术类、技术框架也蜂拥而出，前端面试的难度也随之增加，如果我们拥有一套前端面试宝典。如果你是应聘者：你就可以从容的solo面试官，如果你是面试官：你就可以将应聘者拷问到骨子里！ 总之我们大家一起将自己的面试经验以及.
面试题：高频前端面试题之HTML篇
qq_51066068的博客
04-20 604
常考的HTML面试题： src和href的区别 对HTML语义化的理解 DOCTYPE(⽂档类型) 的作⽤ script标签中defer和async的区别 常⽤的meta标签有哪些 HTML5有哪些更新 img的srcset属性的作⽤？ 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ 说一下 web worker HTML5的离线储存怎么使用，它的工作原理是什么 浏览器是如何对 HTML5 的离线储存资源进行管理和加载？ title与h1的区别、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值