前端面试题汇总---CSS篇（2）

最新推荐文章于 2024-08-15 20:53:53 发布
最新推荐文章于 2024-08-15 20:53:53 发布
阅读量112 收藏
点赞数
分类专栏： 面试题 CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42246997/article/details/88196451
版权

**PNG,GIF,JPG的区别及如何选**

- GIF：

- 8位像素，256色

- 无损压缩

- 支持简单动画

- 支持boolean透明

- 适合简单动画

 

- JPEG：

- 颜色限于256

- 有损压缩

- 可控制压缩质量

- 不支持透明

- 适合照片

 

- PNG：

- 有PNG8和truecolor PNG

- PNG8类似GIF颜色上限为256，文件小，支持alpha透明度，无动画

- 适合图标、背景、按钮

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

年轻即出发
关注
专栏目录
前端面试题---html/css
weixin_44501366的博客
10-07 1224
!DOCTYPE 标签：head：body:base:可以用来统一设置当前页面上的超链接的跳转方式< base >标签为页面上的所有链接规定默认地址或默认目标使用了 < base > 标签，则必须具备 href 属性或者 target 属性或者两个属性都具备通常情况下，浏览器会从当前文档的URL中提取相应的元素来填写相对URL中的空白。 使用< base >标签可以改变这一点。浏览器随后将不再使用当前文档的URL，而使用指定的基本URL来解析所有的相对URL。这其中包括 < a >、< img >、< li
前端面试题汇总-分享一下，给面试前端的朋友
03-11
这份"前端面试题汇总"针对的是准备面试前端职位的朋友，涵盖了广泛的知识点，旨在帮助他们更好地理解和掌握面试中可能遇到的问题。以下是一些核心的前端面试知识点： 1. HTML基础： - 了解HTML5的新特性，如语义化...
前端面试题汇总大全（含答案）-- 持续更新
热门推荐
张兴华的博客
08-07 18万+
汇总了一些前端常见的面试题。 一、HTML 篇 1. 简述一下你对 HTML 语义化的理解？ 用正确的标签做正确的事情。 html 语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析；即使在没有样式 CSS 情况下也以一种文档格式显示，并且是容易阅读的; 搜索引擎的爬虫也依赖于 HTML 标记来确定上下文和各个关键字的权重，利于 SEO; 使阅读源代码的人对网站更容易将网站...
2024年前端面试题汇总
sun_qqq的博客
02-08 8万+
最近面试被打击的体无完肤，于是把面试题记录下来分享一下。vue真是必问框架，八股文该背的还是得背！
前端面试题-vue篇
m0_61811926的博客
01-09 1616
vue前端面试题-不断更新中~已有130题 刚毕业面试提到最多的 ：vue生命周期和钩子，组件传值方式，methods、computed 和 watch 的区别和应用场景，Vue 中的 key 作用三个存储localStorage和什么什么的区别，vuex你的理解
前端面试问题汇总 - 浏览器篇
qq_37750365的博客
04-13 573
前端面试常见问题汇总，浏览器篇主要针对浏览器相关的一些常见问题极其原理进行编辑汇总
详细前端面试题CSS篇--持续更新
jyl919221lc的博客
05-12 2252
margin(外边距)- 清除边框外的区域，外边距是透明的。border(边框)- 围绕在内边距和内容外的边框。padding(内边距)- 清除内容周围的区域，内边距是透明的。content(内容)- 盒子的内容，显示文本和图像。W3C的标准盒模型：在标准的盒子模型中，width指content部分的宽度IE的盒模型：在IE盒子模型中，width表示content+padding+border这三个部分的宽度如何开启不同盒子模型标准盒子模型IE盒子模型Grid。
前端高频面试题 - 总汇篇（持续更新中……）
最新发布
PNPYY的博客
08-15 1363
Doctype是HTML5的文档声明，通过它可以告诉浏览器，使用哪一个HTML版本标准解析文档。在浏览器发展的过程中，HTML出现过很多版本，不同的版本之间格式书写上略有差异。如果没有事先告诉浏览器，那么浏览器就不知道文档解析标准是什么？此时，大部分浏览器将开启最大兼容模式来解析网页，我们一般称为怪异模式，这不仅会降低解析效率，而且会在解析过程中产生一些难以预知的bug，所以文档声明是必须的严格模式：是以浏览器支持的最高标准运行混杂模式：页面以宽松向下兼容的方式显示，模拟老式浏览器的行为。
前端面试题汇总---H5及Css3 的新特性有哪些
Quentin0823的博客
02-03 156
getContext() 方法返回一个用于在画布上绘图的环境Canvas.getContext(contextID) 参数 contextID 指定了您想要在画布上绘制的类型。当前唯一的合法值是 “2d”，它指定了二维绘图，并且导致这个方法返回一个环境对象，该对象导出一个二维绘图 API。
【前端高频面试题--计算机网络篇】
qq_45832651的博客
04-05 870
与传统的 http 协议不同，该协议允许由服务器主动的向客户端推送信息。使用 WebSocket 协议的缺点是在服务器端的配置比较复杂。WebSocket 是一个全双工的协议，也就是通信双方是平等的，可以相互发送消息，而 SSE 的方式是单向通信的，只能由服务器端向客户端推送信息，如果客户端需要发送信息就是属于下一个 http 请求了。
2023前端面试题汇总（最新）-持续更新中
Mr_LiuP的博客
07-17 2万+
Vue 中的 data 必须是个函数，因为当 data 是函数时，组件实例化的时候这个函数将会被调用，返回一个对象，计算机会给这个对象分配一个内存地址，实例化几次就分配几个内存地址，他们的地址都不一样，所以每个组件中的数据不会相互干扰，改变其中一个组件的状态，其它组件不变。简单来说，就是为了保证组件的独立性和可复用性，如果 data 是个函数的话，每复用一次组件就会返回新的 data，类似于给每个组件实例创 建一个私有的数据空间，保护各自的数据互不影响。
H5前端面试大全-包含大厂面试题_25个md文件分类面试题.rar
10-30
14.md 收集的前端面试题和答案 General 15.md 各大互联网公司2014前端笔试面试题–JavaScript篇 JavaScript 16.md 2014年最新前端开发面试题 General 17.md 前端面试资源汇总 General 18.md 5个典型的JavaScript...
2017前端面试题整理汇总
08-23
这份"2017前端面试题整理汇总"旨在为求职者提供一个全面了解前端面试趋势和必备技能的平台。 1. **JavaScript** JavaScript是前端开发的核心语言，面试中通常会考察基础语法、函数、闭包、原型链、异步处理等方面...
Vue中宽度固定，font-size根据内容进行缩放处理设置
weixin_42246997的博客
08-08 2万+
Vue中宽度固定，font-size根据内容进行缩放处理设置。
图片较多时要提高网页加载速度
weixin_42246997的博客
10-28 2768
1、图片懒加载 将图片src先赋值为一张默认图片，当用户滚动滚动条到可视区域图片的时候，再去加载后续真正的图片 如果用户只对第一张图片感兴趣，那剩余的图片请求就可以节省了。 懒加载（LazyLoad）是前端优化的一种有效方式，极大的提升用户体验。图片一直是页面加载的流浪大户，现在一张图片几兆已经是很正常的事，远远大于代码的大小。倘若一次ajax请求10张图片的地址，一次性把10张图片都加载...
前端面试题汇总---CSS篇（1）
weixin_42246997的博客
03-05 1598
1、display: none; 与 visibility: hidden; 的区别 - 联系：它们都能让元素不可见 - 区别： - `display:none`;会让元素完全从渲染树中消失，渲染的时候不占据任何空间；`visibility: hidden`;不会让元素从渲染树消失，渲染师元素继续占据空间，只是内容不可见 - `display: none`;是非继承属性，子孙节点消失由于...
2019年6月20日工作总结---CSS篇
weixin_42246997的博客
06-23 1098
1、：webkit-scrollbar 自定义滚动条的样式（缺陷对Firefox和IE不支持） 实例： 属性： ::-webkit-scrollbar 解决了把bar本身的背景。它通常由其他元素覆盖 ::-webkit-scrollbar-button 解决滚动条上的方向按钮 ::-webkit-scrollbar-track ...
CSS抗锯齿 font-smoothing 属性介绍
weixin_42246997的博客
02-06 920
CSS抗锯齿 font-smoothing 属性介绍 CSS3里面加入了一个“-webkit-font-smoothing”属性。 这个属性可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服。 加上之后就顿时感觉页面小清晰了。 淘宝也在用哦！ 它有三个属性： none ------ 对低像素的文本比较好 s...
CSS不常用的知识点
weixin_42246997的博客
10-17 887
1、*当input选中的时候会出现一个边框 outline /*一般设置成 none*/ textarea:focus, input:focus{ outline: none; } 2、* 元素内容是否可编辑contenteditable <div id="example-one" contenteditable="true"> #example-one...
2014年BAT及互联网公司前端面试题：HTML/CSS篇
"这篇资源主要汇总了2014年BAT（百度、阿里巴巴、腾讯）以及其他互联网公司的前端笔试面试题目，特别关注HTML和CSS部分。作者分享了自己的面试经历，并整理了各类前端基础题目，旨在帮助前端开发者提升技能，无论是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值