20191115-每日3+1
<h5>每日3+1</h5>
<p>链接:<a href="https://segmentfault.com/a/1190000021006239">https://segmentfault.com/a/1190000021006239</a>
[html] 给单个表格的单元格设置背景色有什么方法?
[css] 你有用过vw布局吗?和使用rem有什么区别?
[js] 写一个方法检测页面中的所有标签是否正确闭合
[软技能] 你知道二进制、八进制、十进制、十六进制的区别吗?它们分别有什么应用场景?</p>
<p>1.给单个表格的单元格设置背景色有什么方法?</p>
<pre><code class="language-javascript"><table cellspacing="0" style="color:#FFF; text-align:left; font-size:14px; font-weight:bold; margin-left:220px; width:980px; height:200px;text-align:center">
<tr>
<td bgcolor="e91e6f" ; style=" width:196px;">01</td>
<td bgcolor="224071" ; style=" width:196px;">02</td>
<td bgcolor="f12339" ; style=" width:196px;">03 </td>
<td bgcolor="1ea27e" ; style=" width:196px;">04</td>
<td bgcolor="224071" ; style=" width:196px;">05</td>
</tr>
<tr>
<td bgcolor="1ea27e">06</td>
<td bgcolor="e91e6f">07</td>
<td bgcolor="224071">08</td>
<td bgcolor="f12339">09 </td>
<td bgcolor="1ea27e">10</td>
</tr>
<tr>
<td bgcolor="e91e6f">11</td>
<td bgcolor="224071">12</td>
<td bgcolor="f12339">13</td>
<td bgcolor="1ea27e">14 </td>
<td bgcolor="224071">15</td>
</tr>
<tr>
<td bgcolor="1ea27e">16</td>
<td bgcolor="e91e6f">17</td>
<td bgcolor="224071">18</td>
<td bgcolor="f12339"></td>
<td bgcolor="1ea27e"></td>
</tr>
</table>
</code></pre>
<p><img src="https://www.showdoc.cc/server/api/common/visitfile/sign/25213902a1b7fac968606f0984fc4b22?showdoc=.jpg" alt="" /></p>
<p>2.[css] 你有用过vw布局吗?和使用rem有什么区别?
链接:<a href="https://www.jb51.net/css/656279.html">https://www.jb51.net/css/656279.html</a></p>
<h4>rem</h4>
<pre><code>rem 简单来说是 html 的 font-size 大小,一般默认为 16px,与 em 的父节点 font-size 大小不同。一般 rem 方案解决小屏幕适配问题就是通过 JavaScript 动态改变 html 元素的 font-size 大小进行适配(组件使用 rem 作为度量)
作者:ZuJung
链接:https://www.jianshu.com/p/1a9b5d48afa2
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。</code></pre>
<h4>rem解决了什么问题</h4>
<p>首先要明确的一点是 data-dpr 和 rem 解决的是两个维度的问题。 Rem 解决的是移动端适配的问题, data-dpr 是在解决了移动端适配问题的基础上用于提升视觉效果。</p>
<h4>4.[软技能] 你知道二进制、八进制、十进制、十六进制的区别吗?它们分别有什么应用场景?</h4>
<p>链接:cli.im</p>