每日一学（前端知识）

2020.07.13

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

  现象：在div/p标签中包含img标签，父元素的高度比img的高度多出3px

<div class="parent">
<img class="image" src="./proxy.jpg">
<div>
.parent{
 background-color:red;
 border:1px solid blue;
}
.image{
  width:100%;
}

 原因： img是类似于text的标签元素，在结束的时候，会在尾部添加一个空白符（匿名文本），文本外有一个匿名行级盒子，它默认的vertical-align：baseline，由于上下文line-height的影响，它会存在一个line-height,所以它就有高度，因为baseline是基于基线对齐，匿名盒子会下沉，撑开一些高度。

解决： 1）消除匿名盒子的高度，给父级元素设置line-height:0 或font-size:0;

2)给两者设置vertical-align:top

3) 设置img为display:block,让img和匿名行级盒子不在一个布局上下文中，也就不存在对齐问题-----推荐

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

 1）层叠性

  样式冲突就近原则和按照权重确定最终样式，像是一层一层叠起来，已最后的样式为准

2）继承性

  子承父业---子标签继承父标签的某些样式

文本类属性（字体、字号、颜色、行距）具有继承性，此时只需要将此类样式写在父元素/body上，可简化代码，降低css样式复杂性

与块级元素相关的属性（边框、边距、背景、定位、高度）不具有继承性

3）优先级

!important>行内样式> ID 选择器>类(伪元素、伪类、属性)选择器>元素选择器>通用选择器

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

 

如何让https和http切换时能共用cookie和localStorage？

web服务器配置入手杜绝，比如nginx配置http到https重定向。

2020.07.14

[htm