read从标准输入读取一行输入，存入指定变量 常用参数 -s 静默模式，不回显输入的字符，可用于密码输入等 -t 指定超时时间，单位:秒 -u 从文件描述符中读取输入 -p 输出提示 -a 读取到的数据存入到数组中，默认使用IFS变量指定的换行符 -d 指定结束符，会一直读取直到读到该字符 -i 给参数一个默认值 -r 反斜杆字符不视为转义字符 -k 指定预期的字符长度 -n 用于从标准输...

sort命令是Unix系统强大的文件文本排序工具 基本用法1234# 按照字母顺序排序file.txt的行，并输出到标准输出。sort file.txt# 按照字母顺序排序file.txt的行，并将结果保存到output.txt。sort -o output.txt file.txt 常用选项 n或-numeric-sort：根据字符串的数值部分进行排序。 r或-reverse：逆序排序。...

shell脚本提取字串grep参数1-o, --only-matching 仅展示每行被匹配中的数据 使用-o参数可以只显示匹配中的数据 示例1ps -ef|grep -Eo 'httpPort=[0-9]+'|awk -F'=' '{print $2}' 提取出程序运行的参数port

盒模型CSS中，所有的元素都被一个个的“盒子”包围，使用CSS实现精准布局、处理元素排列的关键是理解“盒子” 区块盒子与行内盒子外部显示类型blockblock外部显示类型的盒子会有以下行为： 盒子会产生换行 width和height属性可以发挥作用 外边距、内边距和边框会将其他元素从当前盒子周围“推开” 如果未指定 width ，方框将沿行向扩展，以填充其容器中的可用空间。大多数情况下，...

数字、长度和百分比 数值类型 描述 <integer> 一个整数，如1024或-25 <number> 表示一个数，有可能有小数 <dimension> number的附加单位，如45deg，5s，10px <percentage> 表示其他值的一部分 长度绝对长度绝对长度与其他东西没有关系，总是相同的大小 cm：厘...

固有尺寸在受CSS设置影响之前，HTML元素有其原始的尺寸。一个直观的例子就是图像，图像的长宽由这个图像文件自身确定，这个尺寸就是固有尺寸。如果将图片放置在网页中的时候没有在标签或CSS中设置其尺寸，那么将使用其固有尺寸显示。 1234567<img src="star.png" alt="star"/><style>img &...

CSS的背景样式backgroud属性是被背景属性的简写表示。 1234567891011.box { backgroud: linear-gradient( 105deg, rgba(255,255,255,0.2) 39%, rgba(51,56,57,1) 96% ) ...

溢出CSS中万物皆盒，因此我们可以通过width和height（或者inline-size和block-size）赋值的方式来约束盒子的尺寸。溢出就是往盒子里面塞太多东西的时候发生的，所以盒子里面的东西也不会老老实实的待着。 overflow属性overflow属性是控制一个元素溢出的方式，它告诉浏览器想怎么样处理溢出。 overflow默认值是visible，这就是内容溢出的时候，在默认情...

替换元素图像和视频又称替换元素。CSS不能影响它们的内部布局，只能影响它们在页面上相对于其他元素的位置。 某些替换元素也有宽高比。这意味着它在x和y方向上具有大小，并且默认情况下将使用文件的固有尺寸进行显示 调整图像大小CSS中万物皆盒，如果把一张图片放在一个盒子里，而这张图片的原始长宽比盒子的小或大，那么图片要么缩在盒子里，要么从盒子溢出。 1234567891011121314<d...

一个典型的HTML表格12345678910111213141516171819202122232425262728293031323334353637383940414243<table> <caption> A summary of the UK's most famous punk bands </caption> <th...