基础6-7 监控cpu 查看cpu使用率sar -u 查看cpu平均负载 sar -q 1 2 每秒采样一次 总共采样2次 查询内存 free -m 查询网络服务和端口 列出所有端口 netstat -a 列出tcp端口 netstat -at 列出所有监听的服务状态 netstat -l 查看路由状态 route -n 发送ping ping IP 探测路由路径 traceroute IP DNS查询 host domain 反向DNS查询 host IP 下载 wget xxx -limit-rate 限速 -o 指定日志文件 -c 断点续传 ssh scp

基础4-5 查看磁盘空间 df -h（转换单位） -s（递归计算） 打包 tar -c打包 -v显示进度 -f使用档案文件 压缩 gzip xxx.txt 解包 tar -xvf 解压缩 gunzip xxx 查看进程 ps -ef 查看进程实时更新top 查看端口占用进程状态 lsof -i:3306 杀死进程kill

line-height 可以让内联元素“垂直居中”：要让单行文字垂直居中，只需要 line-height 这一个属性就可以，与 height无关. 行高控制文字垂直居中，不仅适用于单行，多行也是可以的。多行：设置 display 为 inline-block，通过vertical-align: middle; 来调整多行文本的垂直位置。 line-height 的各类属性值：line-height 的默认值是 normal，还支持数值、百分比值以及长度值。不同字体下的 line-height:normal 解析值不同，不同系统不同浏览器的默认 line-height 都是有差异的。 数值

5.2.2 为什么 line-height 可以让内联元素“垂直居中”。多行文字使用一个标签包裹，然后设置 display 为 inline-block；因为内联元素默认都是基线对齐的，所以我们通过对.content 元素设置 verticalalign:middle 来调整多行文本的垂直位置，从而实现我们想要的“垂直居中”效果。 5.2.3 深入 line-height 的各类属性值。 1. line-height 的默认值是 normal，还支持数值、百分比值以及长度值。 2. line-height 应该重置为多大的值呢？如果我们做的是一个重图文内容展示的网页或

line-height 可以让内联元素“垂直居中”：要让单行文字垂直居中，只需要 line-height 这一个属性就可以，与 height一点儿关系都没有。 多行：设置 display 为 inline-block个，“行框盒子”都会附带的一个产物—“幽灵空白节点”，需要vertical-align: middle; 来调整多行文本的垂直位置。 line-height 的各类属性值： line-height 的默认值是 normal，还支持数值、百分比值以及长度值。 不同字体下的 line-height:normal 解析值不同，不同系统不同浏览器的默认 line-height 都是有

总结：line-height 与 vertical-align 的工作原理与用法1. line-height 垂直居中的原理和误区原理： 行距的上下等分机制：line-height 定义了行高，文字内容会被行高中的“上下等分行距”包裹，因而看起来文字似乎被“垂直居中”。 当单行文字的 line-height 和 height 一致时，行距上下部分相等，视觉上实现了“近似垂直居中”。 误区： “只需设置 line-height 就能垂直居中”： 实际上，单行文字只需要设置 line-height，但多行文本或替换元素（如图片）需要结合 vert

“要想让单行文字垂直居中，只要设置line-height大小和height高度一样就可以了”该说法有两个误区： 1. 要让单行文字居中，只需要line-height一个属性就可以了 2. 行高控制文字居中，不仅适用于单行，多行也是可以的，但只能是近似居中 近似居中的原因，是因为文字字形的垂直中线位置普遍要比真正的行框盒子的垂直中线位置低 要实现多行文字居中，需要将文字用一个元素包裹，设置为inline-block，然后通过内层和外层的line-height实现垂直居中 line-height

line-height 可以让内联元素“垂直居中”：要让单行文字垂直居中，只需要 line-height 这一个属性就可以，与 height一点儿关系都没有。行高控制文字垂直居中，不仅适用于单行，多行也是可以的； 多行：设置 display 为 inline-block个，“行框盒子”都会附带的一个产物—“幽灵空白节点”，需要vertical-align: middle; 来调整多行文本的垂直位置； line-height 的各类属性值：line-height 的默认值是 normal，还支持数值、百分比值以及长度值； 不同字体下的 line-height:norm

line-height可以让内联元素"垂直居中”：要让单行文字垂直居中，只需要line-height这一个属 性就可以，与height一点儿关系都没有。 行高控制文字垂直居中，不仅适用于单行，多行也是可以的。多行设置display为inline-block 个，“行框盒子”都会附带的一个产物一"幽灵空白节点”，需要vertical-align:middle;来调整多行 文本的垂直位置。 line-height的各类属性值： line-height的默认值是normal,还支持数值、百分比值以及长度值。 不同字体下的line-height:normal解析

为什么 line-height 可以让内联元素“垂直居中” 理解 line-height 和内联元素的基本概念。line-height 在 CSS 中用于定义文本行基线之间的距离。它实际上包含了文字本身的高度以及上下的间距部分。内联元素如、<a>等在文档流中是按照文本的顺序依次排列的，其高度默认由内容决定，且在垂直方向上基于文本的基线、底线、顶线等排列。line-height 与内联元素垂直居中的关系原理。当多个内联元素或文本在一行时构成行框盒子，其高度由最高的 line-height

line-height 可以让内联元素“垂直居中”： 要让单行文字垂直居中，只需要 line-height 这一个属性就可以，与 height一点儿关系都没有。行高控制文字垂直居中，不仅适用于单行，多行也是可以的。多行设置 display 为 inline-block个，“行框盒子”都会附带的一个产物—“幽灵空白节点”，需要vertical-align: middle; 来调整多行文本的垂直位置。 line-height 的各类属性值： line-height 的默认值是 normal，还支持数值、百分比值以及长度值。 不同字体下的 line-height:normal

line-height 可以让内联元素“垂直居中”：要让单行文字垂直居中，只需要 line-height 这一个属性就可以，与 height一点儿关系都没有。行高控制文字垂直居中，不仅适用于单行，多行也是可以的。 多行：设置 display 为 inline-block个，“行框盒子”都会附带的一个产物—“幽灵空白节点”，需要vertical-align: middle; 来调整多行文本的垂直位置。 line-height 的各类属性值：line-height 的默认值是 normal，还支持数值、百分比值以及长度值。 不同字体下的 line-height:norm

磁盘管理 df-h 查看磁盘空间 du -sh 查看当前目录所占空间 tar -cvf 打包 gzip 压缩 tar -xvf 解包 gunzip 解压缩 tar -z 解压gz文件 -j 解压bz2文件 -J 解压xz文件 进程管理 ps -ef 查询运行中的进程 $pgrep 查找进程 eg:查询进程名中含有re的进程 [/home/weber#]pgrep -l re 2 kthreadd 28 ecryptfs-kthrea 29515 redis-server ps -ajx 完整格式显示 top 显示进程信息，实时更新 lsof -i:$port 端口占用 lsof -u $username 用户$username的进程打开的文件 lsof -c init init进程打开的文件 lsof -p 23295 指定进程ID打开的

5.2.2 为什么 line-height 可以让内联元素“垂直居中” line-height 可以让单行或多行元素近似垂直居中，原因在于 CSS 中“行距的上下等分机制”。之所以说近似，是因为文字字形的垂直中线位置普遍要比真正的“行框盒子”的垂直中线位置低。由于我们平时使用的 font-size 都比较小，所以我们往往察觉不到。 多行文本或者替换元素的垂直居中实现原理和单行文本不一样，需要 line-height 属性的好朋友 vertical-align 属性帮助才可以。 5.2.3 深入 line-height 的各类

3.文本处理

4. 磁盘管理 查看当前磁盘使用情况，查看当前目录所占大小，以及打包压缩与解压缩； 磁盘空间利用大小：df -h ———————————————————————————————————————————————— du [选项] [文件或目录] -a：显示目录中所有文件以及文件夹的大小 -h：以人类可读的格式（如KB、MB、GB）显示大小 -s：显示目录的总大小，而不显示子目录的大小 -c：在输出的最后添加一个总计行 --max-depth=N：限制显示的目录深度为N

第四章：文件和目录管理4.1 文件和目录的基本概念 文件：存储数据和程序指令的实体。 目录：文件系统的层次结构，用于组织和存储文件。 路径： 绝对路径：从根目录（/）开始的完整路径。 相对路径：相对于当前工作目录的路径。 4.2 基本文件和目录命令 ls：列出目录内容。 常用选项：-l（长格式），-a（包括隐藏文件），-h（人类可读格式）。 cd：更改当前工作目录。 示例：cd /home/user，cd ..（上一级目录），cd ~（当前用户的主目录）。 pwd：显

查看磁盘空间 df -h 查看目录大小 du -sh 打包 tar -cvf 解包 tar -xvf 压缩 gzip 解压缩 gunzip bzip 查询正在运行的进程信息 ps 以完整的格式显示所有的进程 ps -ajx 杀死指定PID的进程 kill 分析线程堆栈 pmap 显示进程信息，并实时更新 top 查看端口占用的进程状态 lsof -i:3306

4. 磁盘管理 查看磁盘空间 df -h 查看目录大小 du -sh 打包 tar -cvf 解包 tar -xvf 压缩 gzip 解压缩 gunzip bzip 5. 进程管理工具 ps ：查询正在运行的进程信息 ps -ef | grep colin115 ps -ajx： 以完整的格式显示所有的进程 top：显示进程信息，并实时更新 lsof -i:3306 ：查看端口占用的进程状态 kill ：杀进程 pmap PID：分析线程堆栈

文本处理： grep 文本搜索grep match_patten file // 默认访问匹配行 常用参数 -o 只输出匹配的文本行 VS -v 只输出没有匹配的文本行 -c 统计文件中包含文本的次数grep -c “text” filename -n 打印匹配的行号 -i 搜索时忽略大小写 -l 只打印文件名

分析线程堆栈 pmap 查看磁盘空间 df -h 查看目录大小 du -sh 打包 tar -cvf 解包 tar -xvf 压缩 gzip 解压缩 gunzip bzip

查看磁盘空间 df -h 查看目录大小 du -sh 打包 tar -cvf 解包 tar -xvf 压缩 gzip 解压缩 gunzip bzip 查询正在运行的进程信息 ps 杀死指定PID的进程 kill 分析线程堆栈 pmap

写一些自己不熟练的命令： 2.4. 查找目录及文件 find/locate 搜寻文件或目录: $find ./ -name "core*" | xargs file find是实时查找，如果需要更快的查询，可试试locate；locate会为文件系统建立索引数据库，如果有文件更新，需要定期执行更新命令来更新索引库 2.5 查看文件内容 动态显示文本最新信息: $tail -f crawler.log 2.11. Bash快捷输入或删除 快捷键: Ctl-U 删除光标到行首的所有字符,在某些设置下,删除全行 Ctl-W 删除当前光标到前边的最近一个空格之间的字符

文本处理工具介绍： 工具：find、grep、xargs、sort、uniq、tr、cut、paste、wc、sed、awk xargs：命令行参数转换 sort：排序 uniq：消除重复行 tr：进行转换 cut：按列切分文本 paste：按列拼接文本 wc：统计行和字符的工具 sed：文本替换利器 awk：数据流处理工具，包括打印当前行、特殊变量、传递外部变量、样式过滤、设置定界符、读取命令输出、使用循环、结合grep使用、实现head/tail命令、打印指定列/文本区域、常用内建函数等

man -k、whatis、info、which、man、cat、vi、head、tail、more等 whatis：显示命令的简要说明及所在的man分类页面。 man -k：根据部分关键字查询命令，适用于只记得部分命令名称的场合。 which：查看程序的binary文件所在路径。 创建和删除： 创建目录：mkdir 删除文件或目录：rm（删除非空目录：rm -rf；删除日志：rm *log 或 find ./ -name "*log" -exec rm {} ;） 移动或重命名：mv 复制文件或目录：cp（复制目录：cp -r） 切换目录：cd 切换到上一个工作目录：cd - 切换到

对以前不熟悉的xargs有了新的认识 xargs -n 3 文本处理工具也多用在查报警的过程中，awk sort uniq wc等 非常实用！！

本章个人学习到最终要的就是，终于不用等光标删完了 Ctl-U 删除光标到行首的所有字符,在某些设置下,删除全行 Ctl-W 删除当前光标到前边的最近一个空格之间的字符 Ctl-H backspace,删除光标前边的字符 Ctl-R 匹配最相近的一个文件，然后输出

4.4.6 border 等高布局技术。margin+padding 可以实现等高布局，同样，border 属性也可以实现等高布局。父级容器不能使用overflow:hidden 清除浮动影响，因为溢出隐藏是基于 padding box 的，如果设置了 overflow:hidden，则左浮动的导航列表元素就会被隐藏掉。 5.1.1 字母 x 与 CSS 世界的基线。在各种内联相关模型中，凡是涉及垂直方向的排版或者对齐的，都离不开最基本的基线。例如，line-height 行高的定义就是两基线的间距，vertical-align 的默认值就是基线。 5.1.2 字母

border等高布局:父级容器不能使用 overflow:hidden 清除浮动影响，相对padding和margin的等高布局，不会出现锚点定位带来的问题。 字母 x：x-height 指的就是小写字母 x 的高度，术语描述就是基线和等分线（mean line）（也称作中线，midline）之间的距离。 vertical-align:middle 并不是绝对的垂直居中对齐，我们平常看到的middle 效果只是一种近似效果。 vertical-align:middle。middle 指的是基线往上 1/2 x-height 高度。 ex ：ex 是 CSS 中的一个相对单位，指的是小写字母 x 的高度

border等高布局:父级容器不能使用 overflow:hidden 清除浮动影响，相对padding和margin的等高布局，不会出现锚点定位带来的问题。 字母 x：x-height 指的就是小写字母 x 的高度，术语描述就是基线和等分线（mean line）（也称作中线，midline）之间的距离。 vertical-align:middle 并不是绝对的垂直居中对齐，我们平常看到的middle 效果只是一种近似效果。 verticalalign:middle。middle 指的是基线往上 1/2 x-height 高度。 ex ：ex 是 CSS 中的一个相对单位，指的是小写字母 x 的高度

4.4.6 Border 等高布局技术CSS 中，border 属性可以用于实现等高布局，这是通过给父元素添加边框来让其高度与子元素的高度保持一致。 缺点： 不支持百分比宽度的 border，因此适用于至少有一栏是固定宽度的布局。 适用于 2～3 栏布局，更多的列会受到边框数量的限制。 5.1 字母 x——CSS 中隐匿的举足轻重的角色字母 x 在 CSS 中起着重要作用，尤其在排版和对齐方面： 字母 x 与基线（baseline）： 在 CSS 排版中，所有垂直对齐操作（如 vertical-align）都涉及到

border 等高布局技术 元素边框高度总是和元素自身高度保持一致，因此可以巧妙地实现等高布局效果 局限性：1.由于 border 不支持百分比宽度，因此，适合至少一栏是定宽的布局 2. 等高布局的栏目有限制，因为一个元素的边框数目是有限的 基线 字母 x 的下边缘（线）就是我们的基线 x-height 指的就是小写字母 x 的高度，术语描述就是基线和等分线（mean line）（也称作中线，midline）之间的距离 vertical-align:middle，在CSS 世界中，middle 指的是基线往上1/2 x-hei

border 等高布局技术 元素边框高度总是和元素自身高度保持一致，因此可以巧妙地实现等高布局效果 局限性：1.由于 border 不支持百分比宽度，因此，适合至少一栏是定宽的布局 2. 等高布局的栏目有限制，因为一个元素的边框数目是有限的 基线 字母 x 的下边缘（线）就是我们的基线 x-height 指的就是小写字母 x 的高度，术语描述就是基线和等分线（mean line）（也称作中线，midline）之间的距离 vertical-align:middle，在CSS 世界中，middle 指的是基线往上1/2 x-hei

4.4.6 Border 等高布局技术CSS 中，border 属性可以用于实现等高布局，这是通过给父元素添加边框来让其高度与子元素的高度保持一致。 缺点： 不支持百分比宽度的 border，因此适用于至少有一栏是固定宽度的布局。 适用于 2～3 栏布局，更多的列会受到边框数量的限制。 5.1 字母 x——CSS 中隐匿的举足轻重的角色字母 x 在 CSS 中起着重要作用，尤其在排版和对齐方面： 字母 x 与基线（baseline）： 在 CSS 排版中，所有垂直对齐操作（如 vertical-align）都涉及到

border 等高布局技术 等高布局是网页设计中一种实用的布局技术，其中 border 在某些等高布局方法里能起作用。在传统布局中，不同列内容高度不一致时页面布局易杂乱。等高布局技术应运而生。一种用 border 实现等高布局的思路是借设置边框制造等高假象。比如有两列布局，左右列内容高度可能不同，可给每列设足够宽且颜色与背景色相同的边框，当某列内容较短时，边框底部会延伸，产生等高错觉。从技术实现看，在 CSS 中，假设有两个 div 元素代

border-width不支持百分比 border-width支持关键字： • thin：薄薄的，等同于 1px。 • medium（默认值）：薄厚均匀，等同于 3px。 （之所以默认为3px涉及到border-style里的东西） • thick：厚厚的，等同于 4px border-style 1. border-style：none 用于重置border样式 2. border-style：solid 实线框 3. border-style：dashed 虚线框，注意不通浏览器虚线不同，chorme、firefox为3:1，IE为2:1 4. border-style：dotted 不同浏览器表现有区别，chorme、firefox为小方点，IE为小圆点 （注意到，IE为小圆点，

border属性实现等高布局：通过border-left的宽度，预留左侧内容，子元素通过负margin定位，能简单的实现等高 字母x所决定的位置： * 基线：字母x的下边缘，就是baseline * ex：小写字母x的高度 * vertical-align：middle所指的位置，就是基线往上1/2 x-height高度，可以近似理解为字母x交叉点的位置 ex的用处：内联元素默认是基于baseline对齐的，baseline就是x的底部，而1ex就是一个ex的高度。当图标高度就是1ex，同时背景图片居中，就是图标 对于非替换元素的纯内联元

border可以实现等高布局就像margin+padding,父级容器不能使用。ver flow: hidden消除浮动影响. 1 .字母x 字母X的下边缘(线)是我们的基线. ascender height:上下线高度。 cap height:大写字母高度。 median:中线。 descender height:下行线高度。 vertical-align:middle.这里的middle是中间的意思.但不是正中间.在CSS世界中，middle指的是幕线往上1/2x-height高度，也可以近似理解为字母x交叉点那个位置.因此，效果并不是绝对的垂直居中对齐，我们平常看到的middle效果只是一种近似效果.因

4.4.6 Border 等高布局技术CSS 中，border 属性可以用于实现等高布局，这是通过给父元素添加边框来让其高度与子元素的高度保持一致。具体实现方法如下： 核心 CSS 代码： .box { border-left: 150px solid #333; background-color: #f0f3f9; } .box > nav { width: 150px; margin-left: -150px; float: left; } .box > section { overflow: hidden; } .box：给父容器设置一个左边框 (border-left)，这会创建一个宽度为 150px 的深色区域，并且使得整个容器有背景色。 .box > nav：使用浮动布局 (float: left) 将导