fix

blog/front-end-learn/css-position.md

+# CSS 定位
+
+## 网页常见布局方式
+
+1. 标准流
+
+- 块级元素独占一行 -> 垂直布局
+- 行内元素/行内块元素一行显示多个 -> 水平布局
+
+2. 浮动
+
+- 原本垂直布局的块级元素变成水平布局
+
+3. 定位
+
+- 可以让元素自由的摆放在网页的任意位置
+- 一般用于盒子之间的层叠情况
+- 让盒子固定在页面某一位置
+
+## 使用定位
+
+1. 设置定位方式
+
+属性名: position
+
+| 定位方式 | 属性值   |
+| -------- | -------- |
+| 静态定位 | static   |
+| 相对定位 | relative |
+| 绝对定位 | absolute |
+| 固定定位 | fixed    |
+
+2. 设置偏移值
+
+- 偏移值可以设置水平和垂直方向
+- 选取原则：就近原则
+
+3. 偏移方向
+
+- 水平距离左边 left
+- 水平距离右边 right
+- 垂直距离上边 top
+- 垂直距离下边 buttom
+
+## 相对定位
+
+- 占有原来的位置
+- 相对于自己之前的位置
+- 不改变显示模式
+
+```css
+position: relative
+left: 100px;
+top: 100px;
+```
+
+> Tips: 如果 4 个定位都有，以 top 和 left 为准
+
+## 绝对定位
+
+- 相对于非静态定位的父元素定位
+- 不占有原来的位置
+- 改变显示模式
+- 默认以浏览器 body 定位
+
+```css
+position: absolue
+left: 100px;
+top: 100px;
+```
+
+- 子绝父相：父级相对定位，子级绝对定位
+- 绝对定位查找父级的方法：逐级向上，最终是浏览器窗口

blog/front-end-learn/index.md

@@ -33,3 +33,5 @@
 9. [CSS 浮动](blog/front-end-learn/css-float.md)
 
 10. [CSS 实战](blog/front-end-learn/css-product.md)
+
+11. [CSS 定位](blog/front-end-learn/css-position.md)

doc/html.md

@@ -13,4 +13,8 @@
 ## 工具
 
 [Emmet](https://emmet.io/): the essential toolkit for web-developers
-- [前端开发必备！Emmet使用手册](https://www.w3cplus.com/tools/emmet-cheat-sheet.html)
+- [前端开发必备！Emmet使用手册](https://www.w3cplus.com/tools/emmet-cheat-sheet.html)
\ No newline at end of file
+
+## 博客站点
+
+- [峰华前端工程师(张旭乾)](https://zxuqian.cn/)
\ No newline at end of file

doc/javascript.md

-# javascript
+# JavaScript
 
 [W3School - JavaScript 教程](https://www.w3school.com.cn/js/index.asp)
 
@@ -37,8 +37,7 @@
 
 - [jQuery 教程](https://www.w3school.com.cn/jquery/index.asp): 极大地简化了 JavaScript 编程
 - [Jquery EasyUI](https://www.jeasyui.net/): 帮助 web 开发者更轻松的打造出功能丰富并且美观的 UI 界面
-- [bxslider](https://bxslider.com/): Add a slider to any webpage. 
--[jQuery 插件库](https://www.jq22.com/): 收集最全最新最好的 jQuery 插件
+- [bxslider](https://bxslider.com/): Add a slider to any webpage. -[jQuery 插件库](https://www.jq22.com/): 收集最全最新最好的 jQuery 插件
 - [jQuery jsonp 跨域请求](https://www.cnblogs.com/chiangchou/p/jsonp.html)
 - [jquery 和 vue 对比](https://www.cnblogs.com/MR-YY/p/6898464.html)
 - [jQuery 之家 ](http://www.htmleaf.com/): 免费提供各种前端开发所需要的 JQUERY、HTML5、CSS3 等优质插件素材

doc/mysql.md

 # MySQL
+
+[H2 Database](http://www.h2database.com/): Very fast, open source, JDBC API

doc/php.md

@@ -38,3 +38,5 @@
 - [oneinstack 镜像说明](https://oneinstack.com/docs/lnmpstack-image-guide/)
 
 [catchadmin](https://www.catchadmin.com/): 基于 Thinkphp & Vue 开发的后台管理框架
+
+[Swoole](https://wiki.swoole.com/)：使用 C++ 语言编写的基于异步事件驱动和协程的并行网络通信引擎，为 PHP 提供协程、高性能网络编程支持