2018-05-27

本周主要学习了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 的每个页面都要参照下面的格式进行设置。




    


    


bootstrap是移动设备优先的,为了确保适当的绘制和触屏缩放,需在中添加viewport元数据标签。


在移动设备浏览器上,通过为视口(viewport)设置 meta 属性为 user-scalable=no 可以禁用其缩放(zooming)功能。这样禁用缩放功能后,用户只能滚动屏幕,就能让你的网站看上去更像原生应用的感觉。并不推荐所有网站使用。


Bootstrap 需要为页面内容和栅格系统包裹一个 .container 容器。
由于 padding 等属性的原因,这两种 容器类不能互相嵌套。

.container 类用于固定宽度并支持响应式布局的容器。

...

.container-fluid 类用于 100% 宽度,占据全部视口(viewport)的容器。

...
1.排版与链接

bootstrap排版,链接样式设置了基本的全局样式:为body元素设置背景色,使用 font-family-base、font-size-base 和 line-height-base 变量作为排版的基本参数,为所有链接设置了基本颜色,并且当链接处于 :hover 状态时才添加下划线。

2.栅格系统

Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,栅格系统用于通过一系列的行与列的组合来创建页面布局。

你可能感兴趣的:(2018-05-27)