本周主要学习了css的表布局、linux用户相关配置文件:/etc/passwd,和/etc/shadow 文件、cat命令、部分bootstrap的内容。
一、表布局
1.表的显示值
HTML | CSS |
---|---|
table | {display:table;} |
tr | {display:table-row;} |
thead | {display:table-hearder-group;} |
tbody | {display:table-row-group;} |
tfoot | {display:table-footer-group;} |
col | {display:table-column;} |
colgroup | {display:table-column-group;} |
td,th | {display:table-cell;} |
caption | {display:table-caption;} |
2.表层
从里到外:
表 — > 列组 —> 列 —> 行组 —> 行 —> 单元格
3.表标题
caption-side:top、bottom
4.表单元格边框
有无:border-collapse:collapse(合并)、separate(分开)
间隔:border-spacing: 1px(水平间隔) 5px(垂直间隔);
空单元格:empty-cells:show、hide;(是否展示空单元格的边框和背景)
5.高度上的对齐
vertical-align
top:内容顶端与行顶端对齐;
bottom:内容低端与行底端对齐;
middle:内容的中间与行中间对齐;
baseline:单元格的基线与行基线对齐。
二、Linux
1./etc/passwd
通过指令 vi/etc/passwd,打开passwd恩建,下面列举部分内容:
root:x:0:0:root:/bin/bash/sh
daemon:x:1:1:daemon:/usr/sbin:/bin
bin:x:2:2:bin:/bin/sh
sys:x:3:3:sys:/dev:/bin/sh
上面每一行代表一个用户,每一行通过【:】分成7个部分:
1.账号名称。
2.原先用来保存密码,现在密码都放在 /etc/shadow中,所以显示x。
3.UID,也就是使用者ID,默认系统管理员ID为0,添加用户是最好使用>1000以上的UID,1-1000保留给系统。
4.GID,群组ID。
5.关于账号的一些说明信息(暂可忽略)。
6.账号的家目录,家目录就是登陆系统后的默认目录。
7.账号使用的shell。
2./etc/shadow
指令 vi/etc/shadow 下面列举部分内容:
root:!:15324:0:99999:7:::
daemon:*:15259:0:99999:7:::
bin:*:15259:0:99999:7:::
letuknowit:$1$cpf/cTfvr$sCws95uS:p2ljTk052DDB:15400:5:60:7:2:15490
【:】分割出9个项目,一一对应如下:
1.账户名称(密码需与账户对应)。
2.加密后的密码,如果这一栏的第一个字符为 ! 或 * ,说明这是一个不能登陆的账户,ubuntu默认不启用root账户。
3.最近改动密码的日期(1970.1.1开始算起的时长)。
4.密码不可变更的天数。
5.密码需要重新变更的天数。
6.密码过期的预警天数。
7.密码宽恕的时间。
8.账号失效日期。
9.保留的。
三、cat
查看文件的内容、连接文件、创建一个或多个文件和重定向输出到终端或文件
1.命令格式:
cat [选项] [文件]...
2.命令功能
cat主要有三大功能:
1.一次显示整个文件:cat filename
2.从键盘创建一个文件:cat > filename 只能创建新文件,不能编辑已有文件.
3.将几个文件合并为一个文件:cat file1 file2 > file
3.命令参数
-A, --show-all 等价于 -vET
-b, --number-nonblank 对非空输出行编号
-e 等价于 -vE
-E, --show-ends 在每行结束处显示 $
-n, --number 对输出的所有行编号,由1开始对所有输出的行数编号
-s, --squeeze-blank 有连续两行以上的空白行,就代换为一行的空白行
-t 与 -vT 等价
-T, --show-tabs 将跳格字符显示为 ^I
-u (被忽略)
-v, --show-nonprinting 使用 ^ 和 M- 引用,除了 LFD 和 TAB 之外
四、bootstrap
首先Bootstrap 的每个页面都要参照下面的格式进行设置。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
</head>
<body>
</body>
</html>
bootstrap是移动设备优先的,为了确保适当的绘制和触屏缩放,需在<head>中添加viewport元数据标签。
<meta name="viewport" content="width=device-width, initial-scale=1">
在移动设备浏览器上,通过为视口(viewport)设置 meta 属性为 user-scalable=no 可以禁用其缩放(zooming)功能。这样禁用缩放功能后,用户只能滚动屏幕,就能让你的网站看上去更像原生应用的感觉。并不推荐所有网站使用。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
Bootstrap 需要为页面内容和栅格系统包裹一个 .container 容器。
由于 padding 等属性的原因,这两种 容器类不能互相嵌套。
.container 类用于固定宽度并支持响应式布局的容器。
<div class="container">
...
</div>
.container-fluid 类用于 100% 宽度,占据全部视口(viewport)的容器。
<div class="container-fluid">
...
</div>
1.排版与链接
bootstrap排版,链接样式设置了基本的全局样式:为body元素设置背景色,使用 font-family-base、font-size-base 和 line-height-base 变量作为排版的基本参数,为所有链接设置了基本颜色,并且当链接处于 :hover 状态时才添加下划线。
2.栅格系统
Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,栅格系统用于通过一系列的行与列的组合来创建页面布局。