2020-07-13 html的p标签嵌套img + css的3大特性 + JS的客户端服务端时间不对称 + http与https切换时共用cookie和localStorage

2020-07-13 题目来源：http://www.h-camel.com/index.html

[html] p标签里面嵌套img标签会出现向上高3像素是什么原因？如何处理？

<p style="border: 1px solid red;"><img src="./img/paint-5.png" style="border: 1px solid green;"></p>

现象：在 img 标签的底部产生3-5px的间隙；

原因： img属于行内块元素，而div或p中的img的vertical-align默认为baseline

推荐解决：1. img设置为块级元素 display: block; 2. img设置垂直对齐方式 vertical-align: top|text-top|middle|bottom|tex-bottom;

其他解决: 1. img设置浮动 float，会破坏布局； 2. 父级元素 font-size: 0; 或者line-height: 0; 不符合实际应用场景。

[css] 请说说css的三大特性是什么？

1. 继承性： 即 父元素的某些属性，子元素也可以继承，一般可继承的属性为字体大小、字体颜色等，color / font- / text- / line 开头的属性才可以继承。 而类似于position等属性是不会被继承的；

2. 层叠性： css处理冲突的一种能力，只有在多个选择器中选择同一个标签，然后又设置了相同的属性，才会发生层叠。

3. 优先级： css选择器具有优先级，不同选择器按照优先级顺序，同级的选择器按照先后顺序(后面的会覆盖前面的)

[js] 客户端与服务端时间为什么会不对称？不对称将会出现哪些问题？

对于时间要求非常高的场景下，数据传输时会消耗时间，不能与服务器进行实时的交互，又不能使用本地时间。

如何实现时间的同步，https://blog.csdn.net/u010447573/article/details/46968055

[软技能] 如何让https和http切换时能共用cookie和localStorage

网站在切换https和http登录时，回到这http中的cookie失效，即https会覆盖http，各自具有作用域，网站在跳转和登录时容易出现问题；
可以从WEB服务器配置入手，比如配置http到htpps的重定向。