2021/1/6-每日三题第13弹：小丑竟是我自己？你知道CSS精灵图是什么吗？？？-CSDN博客

本文链接：https://blog.csdn.net/weixin_44586544/article/details/112253104

前言：

朋友们好啊，今天给大家讲一个笑话，很热的那种😁😁😁，“一点也不冷，真的。以前有一个人在睡觉，然后一只蚊子过来咬他了。他被叮醒正准备一只手啪下去的时候，蚊子对他说：“求求你别杀我，今天是我的生日！”那个人听说后，小心翼翼把蚊子放在手心，一边拍手一边唱生日快乐歌！”

每日三题

好了，话不多说，上题目！！！😍😍😍

题目：

(题目1) HTTP response报文结构是怎样的？

(题目2) CSS Sprite是什么, 有什么优缺点？

(题目3) display: none; 与 visibility: hidden; 的区别？

倒计时10min，开始计时，看看自己能做对几道题😎😎😎？参考解析在下面，但不要直接看解析哦，这样子没什么效果的！！！

每日三题

参考解析：

题目1：

1.⾸⾏是状态⾏包括：HTTP版本，状态码，状态描述，后⾯跟⼀个CRLF
2.⾸⾏之后是若⼲⾏响应头，包括：通⽤头部，响应头部，实体头部
3.响应头部和响应实体之间⽤⼀个CRLF空⾏分隔
4.最后是⼀个可能的消息实体 响应报⽂例⼦如下：
	HTTP/1.1 200 OK
	Date: Tue, 08 Jul 2014 05:28:43 GMT
	Server: Apache/2
	Last-Modified: Wed, 01 Sep 2004 13:24:52 GMT
	ETag: "40d7-3e3073913b100"
	Accept-Ranges: bytes
	Content-Length: 16599
	Cache-Control: max-age=21600
	Expires: Tue, 08 Jul 2014 11:28:43 GMT
	P3P: policyref="http://www.w3.org/2001/05/P3P/p3p.xml"
	Content-Type: text/html; charset=iso-8859-1
	
	{"name": "qiu", "age": 25}

题目2：

1.概念：将多个⼩图⽚拼接到⼀个图⽚中。通过 background-position 和元素尺⼨调节需
  要显示的背景图案。
2.优点：
	1）减少 HTTP 请求数，极⼤地提⾼⻚⾯加载速度
	2）增加图⽚信息重复度，提⾼压缩⽐，减少图⽚⼤⼩
	3）更换⻛格⽅便，只需在⼀张或⼏张图⽚上修改颜⾊或样式即可实现
3.缺点：
	1）图⽚合并麻烦
	2）维护麻烦，修改⼀个图⽚可能需要重新布局整个图⽚和样式

题目3：

1. 联系：它们都能让元素不可⻅
2.区别：
	1）display:none ;会让元素完全从渲染树中消失，渲染的时候不占据任何空间；
	   visibility: hidden ;不会让元素从渲染树消失，渲染师元素继续占据空间，只是内
	   容不可⻅
	2）display: none ;是⾮继承属性，⼦孙节点消失由于元素从渲染树消失造成，通过修改
	   ⼦孙节点属性⽆法显示 ；visibility: hidden; 是继承属性，⼦孙节点消失由于继承
	   了 hidden ，通过设置 visibility: visible; 可以让⼦孙节点显示	
	3）修改常规流中元素的 display 通常会造成⽂档重排。修改 visibility 属性只会造成
	   本元素的重绘。
	4）读屏器不会读取 display: none ;元素内容；会读取 visibility: hidden; 元素内容