陈宥维给我火

```js function isPC() { let userAgentInfo = navigator.userAgent let Agents = ["Android", "iPhone", "

![donghua.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a9b57cf71b244bd1abc6baddacc63a4e~tp

背景样式简单总结，但未对position做详细总结，position值为百分比时的计算方式有所不同，需要后续补充。

![fudong.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/284ab07bede74566b7e987a07f49b187~tpl

常用flex布局属性小结，思维导图中简略画出了常用属性，存在一定的局限性，各个属性具体的解释，由于将其放入了注释里，思维导图工具并未将其一并导入图片。

继承属性 字体系列 font font-family font-weight font-size font-style font-variant: small-caps; 所有小写字母转成大写字母，但

水平居中 子元素为行内元素且 未脱离文档流，给父元素设置 text-align: center; 实现行内元素水平居中。 子元素为块级元素同时有 width，子元素设置 margin: 0 auto;

文档参考地址 回流： 浏览器渲染部分或全部文档的过程叫做回流。 导致回流的操作： 页面首次渲染 浏览器窗口大小发生改变 元素尺寸、位置发生改变 元素内容发生改变（字数、图片大小） 元素字体大小发生改变

TCP三次握手与四次挥手动图过程的演示效果，动图来源网络，仅供参考，通过动图的形式更有助于帮助理解。