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) 将导

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 等高布局技术 border 属性也可以实现等高布局，要注意的是父级容器不能使用 overflow:hidden 清除浮动影响。 第5章：内联元素与流 块级元素负责结构，内联元素接管内容，而 CSS 世界是面向图文混排，也就是内联元素设计的，由此可见，本章内容在整个 CSS 世界体系中占有非常重要的位置。 5.1 字母 x——CSS 世界中隐匿的举足轻重的角色 5.1.1 字母 x 与 CSS 世界的基线 在各种内联相关模型中，凡是涉及垂直方向的排版或者对齐的，都离不开最基本

本节将介绍Linux下使用Shell处理文本时最常用的工具： find、grep、xargs、sort、uniq、tr、cut、paste、wc、sed、awk find -atime 访问时间 (单位是天，分钟单位则是-amin，以下类似） -mtime 修改时间 （内容被修改） -ctime 变化时间 （元数据或权限变化） grep -o 只输出匹配的文本行 VS -v 只输出没有匹配的文本行 -c 统计文件中包含文本的次数 grep -c “text” filename -n 打印匹配的行号 -i 搜索时忽略大小写 -l 只打印文件名 uniq sort | uniq //消除重复行 sort unsort.txt | uniq -c //

背景 Linux 提供了丰富的文本处理工具，能快速高效地解析、筛选和修改文本内容。这些工具在数据处理和自动化脚本中应用广泛。 常用命令 1.显示和查看内容： •cat：显示文件内容。 •tac：逆序显示内容。 •head/tail：查看文件的前几行或末尾内容。 2.提取和操作： •cut：提取指定字段。 •sort：对文本排序。 •uniq：去除重复行。 •wc：统计行数、单词数和字符数。 3.过滤和查找： •grep：按模式匹配查找。 •awk：强大的模式匹配和文本处理工具

主要讲了命令的使用 查看命令的简要说明 简要说明命令的作用（显示命令所处的man分类页面）:$whatis command 正则匹配:$whatis -w "loca*" 更加详细的说明文档:$info command 查询命令command的说明文档:$man commandeg：man date 使用page up和page down来上下翻页 在man的帮助手册中，将帮助文档分为了9个类别，对于有的关键字可能存在多个类别中， 我们就需要指定特定的类别来查看；（一般我们查询bash命令，归类在1类中）； man页面所属的分类标识(常用的是分类1

1. 帮助命令 * $man command eg：man date * --help 快速查看参数。 * $which command * $whereis command 当系统中安装了同一软件的多个版本时，不确定使用的是哪个版本时，这个命令就能派上用场； 2. 文件管理， 目录的创建、删除、查询、管理: mkdir rm mv 文件的查询和检索: find locate * find ./ -name "core*" | xargs -r file 查看文件：cat vi head tail more * 显示时同时显示行号:$cat -n * 按页显示列表内容:$ls -al | more * 只看前10行:$head - 10 ** * 显示文件第一行:$head -1 filename * 显示

find文件查找命令：find . -regex ".*\(\.txt|\.pdf\)$" 最近第7天被访问过的所有文件：find . -atime 7 -type f -print 删除后缀文件：find . -type f -name "*.swp" -delete grep文本搜索：grep match_patten file xargs输入数据转换：单行转化为多行：cat single.txt | xargs -n 3 sort排序 uniq 消除重复行 cut按列切分文本：cut -f2,4 filename paste 按列拼接文本 wc 统计行和字符 sed文本替换 awk 数据流处理工具

介绍了一些常用的工具： find、grep、xargs、sort、uniq、tr、cut、paste、wc、sed、awk find文件查找： -name名称查询，-regex正则方式查询，-maxdepth指定搜索深度，-type按照类型查询，-[a,m,c]time按照时间查询，-perm按照权限查询，-size按照大小查询，-user按照用户查询，-exec执行动作 grep文本搜索： -o只输出匹配，-v只输出没有匹配，-c统计行数，-n打印匹配行号，-i只打印文件名，-R递归搜索，-e多模式匹配 xargs命令行参数转换，能够将输入数据转化为特定命令的命令

1、 find 文件查找 指定文件类型 find . -name "*.txt" 查找大于100MB的文件：find /path/to/directory -size +100M 2、grep 在文件中查找包含"error"的行：grep "error" filename.txt 递归查找当前目录及子目录中包含"test"的文件：grep -r "test" . 3、xargs 删除查找到的所有.tmp文件：find . -name "*.tmp" | xargs rm 4、sort 对文件进行升序排序：sort filename.txt 按照第二列进行排序：sort -k2 filename.txt 5、uniq 从文件中删除重复行：uniq filename.txt 计数重复

创建：mkdir 删除：rm 删除非空目录：rm -rf file目录 移动：mv 复制：cp 统计条数 查找命令｜wc 显示当前路径: pwd 搜寻文件或目录: $find ./ -name "core*" | xargs file 显示时同时显示行号:$cat -n 按页显示列表内容: $ls -al | more 只看前10行: $head - 10 ** 显示文件第一行: $head -1 filename 显示文件倒数第五行: $tail -5 filename 查看两个文件间的差别:$diff file1 file2 动态显示文本最新信息:$tail -f crawler.log 改变文件的拥有者 chown 批处理命令连接执行，使用 | 串联: 使用分号

本周主要介绍了文本处理相关命令 find文件查找：-name名称查询，-regex正则方式查询，-maxdepth指定搜索深度，-type按照类型查询，-[a,m,c]time按照时间查询，-perm按照权限查询，-size按照大小查询，-user按照用户查询，-exec执行动作 grep文本搜索：-o只输出匹配，-v只输出没有匹配，-c统计行数，-n打印匹配行号，-i只打印文件名，-R递归搜索，-e多模式匹配 xargs命令行参数转换：-d指定定界符，-n输出多行，-I指定替换字符串，-O指定输入定界符 sort排序：-n按数字

本章主要介绍命令帮助及文件目录管理命令 1、命令帮助 在只记得部分命令关键字的场合，我们可通过man -k来搜索； 需要知道某个命令的简要说明，可以使用whatis， whatis command； 查看路径，which command 2、文件目录管理 创建：mkdir 删除：rm 删除非空目录：rm -rf file目录 删除日志 rm *log (等价: $find ./ -name “*log” -exec rm {} ;) 移动：mv 复制：cp (复制目录：cp -r ) 目录切换： cd 目录列出： ls -ltr 目录查找 find ./ -name "core*" | xargs file

熟悉一些常用命令 文件的创建和删除 创建：mkdir 删除：rm 删除非空目录：rm -rf file目录 删除日志 rm *log (等价: $find ./ -name “*log” -exec rm {} ;) 移动：mv 复制：cp (复制目录：cp -r ) 目录的切换 找到文件/目录位置：cd 切换到上一个工作目录： cd - 切换到home目录： cd or cd ~ 显示当前路径: pwd 查看文件：cat vi head tail more

find 文件类型查找 find . \( -name "*.txt" -o -name "*.pdf" \) -print 加入正则find . -regex ".*\(\.txt|\.pdf\)$" 按时间搜索 -atime 访问时间 (单位是天，分钟单位则是-amin，以下类似） -mtime 修改时间 （内容被修改） -ctime 变化时间 （元数据或权限变化） 按权限查找: find . -type f -perm 644 -print //找具有可执行权限的所有文件 按用户查找: find . -type f -user weber -print// 找用户weber所拥有的文件 Find后删除 find . -type f -name "*.swp" -delete 执行 find . -type f -

find命令用于文件查找:可查找txt和pdf文件,按类型搜索,按大小,权限,用户等都可查找 grep命令用于文本搜索:grep match_patten file 访问匹配行 常用参数 -o 只输出匹配的文本行 VS -v 只输出没有匹配的文本行 -c 统计文件中包含文本的次数grep -c “text” filename -n 打印匹配的行号 -i 搜索时忽略大小写 -l 只打印文件名 xargs命令能够将输入数据转化为特定命令的命令行参数 sort命令用于排序 uniq消除重复行 还有一些不常用的命令:$wc -l file // 统计行数$wc -w file // 统计单

第三章：文件管理工具3.1 文件系统 文件系统类型： Ext4：大多数Linux系统默认使用。 XFS：适合大文件操作。 NTFS/FAT32：跨平台文件系统。 挂载与卸载： mount：挂载文件系统。 umount：卸载文件系统。 3.2 压缩和解压缩 常用命令： tar：打包工具。 tar -cvf file.tar dir：将目录打包为tar文件。 tar -xvf file.tar：解包。 gzip/gunzip：压缩和解压.gz文件。 zip/unzip：处理.zip文件。 3.3 查找文件 find：按条件查找文件。 例：find / -name "*.log" 查找所有.log文件。 locate

第一章：Linux基础知识1.1 Linux系统简介 Linux的特点： 开源免费：所有人都可以使用、修改和分发。 多用户、多任务：支持多个用户同时登录和多个任务并行处理。 稳定性和安全性：在服务器领域广泛应用。 丰富的发行版：如Ubuntu、CentOS、Debian等，各有特点。 1.2 Shell简介 Shell是用户与系统交互的桥梁，是一种命令行解释器。 常见Shell： Bash：大部分Linux发行版的默认Shell。 Zsh：功能更丰富，适合定制。 Fish：更友好但兼容性较弱。 1.3 常用命令 文件管

grep 文本搜索 grep [选项] "搜索内容" 文件名 选项： -c： 符合匹配规则的字符串个数 -i： 忽略大小写 -n： 输出行号 -v： 反向查找 -o： 只输出匹配的文本行 -e： 匹配模型搜索 在多级目录中对文本递归搜索：grep "class" . -R -n xargs 命令行参数转换 会将输入按照空格、制表符、换行符等符号进行分隔，并将它们作为一组参数传递给指定的命令。如果没有输入，则 xargs 命令会读取用户的键盘输入，并将其用作参数 -d 定义定界符 （默认为空格

文本处理 find 文件查找： 查找txt和pdf文件: find . \( -name "*.txt" -o -name "*.pdf" \) -print 正则方式查找.txt和pdf: find . -regex ".*\(\.txt|\.pdf\)$" //-iregex： 忽略大小写的正则 否定参数 ,查找所有非txt文本: find . ! -name "*.txt" -print 指定搜索深度,打印出当前目录的文件（深度为1）:find . -maxdepth 1 -type f 定制搜索 按类型搜索：find . -type d -print //只列出所有目录 -type f 文件 / l 符号链接 / d 目录 find支持的文件检索类型可以区分普通文件和符号

一楼备用

基础3 find命令： 比如一些常用的搜索日志的： find ./ -cmin -30 -type f -exec grep -H --color "abtest hit , display = " {} \; find ./ -cmin -30 -name '*' | xargs grep --color 'mtx' find ./ -name "*.js" -exec grep -H 'getContent' {} \; find ./ -name '*' | xargs grep --color 'getHotVideos starting' grep命令： grep -rn "mtx_debug" ./* -v 取!=的 -i 忽略大小写 -n 带行号 -c 次数 还有常用的次数升序 |sort|uniq -c|sort -n awk命令： pdo2 -q -y -a smallapp -r 50 "cat ./log/access_log.2022

基础3 find命令： 比如一些常用的搜索日志的： find ./ -cmin -30 -type f -exec grep -H --color "abtest hit , display = " {} \; find ./ -cmin -30 -name '*' | xargs grep --color 'mtx' find ./ -name "*.js" -exec grep -H 'getContent' {} \; find ./ -name '*' | xargs grep --color 'getHotVideos starting' grep命令： grep -rn "mtx_debug" ./* -v 取!=的 -i 忽略大小写 -n 带行号 -c 次数 还有常用的次数升序 |sort|uniq -c|sort -n awk命令： pdo2 -q -y -a smallapp -r 50 "cat ./log/access_log.2022

本章内容通常涉及Linux系统中的一些进阶工具和使用技巧，这些工具对于系统管理、文件操作、网络配置等方面都非常重要。以下是对该部分内容的详细讲解： 一、用户与权限管理工具 用户管理 添加用户：使用useradd命令可以添加新用户。例如，useradd username会创建一个名为username的新用户。 删除用户：使用userdel命令可以删除用户。例如，userdel username会删除名为username的用户。如果希望同时删除用户的家目录和邮件池，可以使用-r选项，即userdel -r userna

Linux工具快速教程的基础部分通常涵盖Linux系统的基本操作、常用命令及工具的使用。以下是针对基础1和基础2内容的详细讲解： 一、Linux基础入门 Linux简介：Linux是一个开源、免费的操作系统，具有稳定性、安全性、处理多并发的能力。它广泛应用于服务器、嵌入式系统等领域。 Linux系统结构：Linux系统采用层次化结构，包括内核、shell、文件系统、应用程序等。 Linux用户与权限：Linux系统是多用户操作系统，每个用户都有自己的权限。了解用户管理命

《Linux工具快速教程》主要介绍了 Linux 系统中常用的命令行工具和操作，帮助用户快速熟悉和掌握 Linux 环境下的基本操作，建立对 Linux 系统的基本理解和操作能力。

3.文本处理

order border-width不支持百分比，但支持关键字：thin（等同于1px）、medium（等同于3px，默认）、thick（等同于4px） border-style： 1.默认值none，所以只设置border-width 或 border-color 没有边框显示，如果想要重置边框样式实现无下边框效果： div { border: 1px solid; border-bottom: none; } border-bottom: 0 none; 这样写渲染性能最高 2.solid：实线边框 3.dashed：虚线边框，虚线在浏览器下的表现不一致，Chrome 和 Firefox 浏览器下，颜色区的宽高比是 3:1，颜色区和透明区的宽度比例是 1:

border border-width不支持百分比，但支持关键字：thin（等同于1px）、medium（等同于3px，默认）、thick（等同于4px） border-style： 1.默认值none，所以只设置border-width 或 border-color 没有边框显示，如果想要重置边框样式实现无下边框效果： div { border: 1px solid; border-bottom: none; } border-bottom: 0 none; 这样写渲染性能最高 2.solid：实线边框 3.dashed：虚线边框，虚线在浏览器下的表现不一致，Chrome 和 Firefox 浏览器下，颜色区的宽高比是 3:1，颜色区和透明区的宽度比例是 1

4.4 功勋卓越的 border 属性 4.4.1 为什么 border-width 不支持百分比值，所谓“边框”，是不会因为设备大就按比例变大的。我们平常使用 border-width 几乎全是固定的数值。 4.4.2 了解各种 border-style 类型。 1. border-style 的默认值是 none； 2．border-style:solid，实线边框； 3．border-style:dashed，虚线边框； 4．border-style:dotted，虚点边框在表现上同样有兼容性差异； 5．border-style:double，双线边框； 6．其他 border-style 类型，inset（内凹）、outset（外凸）、groove（沟槽）、r