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

<!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 提供了一套响应式、移动设备优先的流式栅格系统,栅格系统用于通过一系列的行与列的组合来创建页面布局。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,236评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,867评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,715评论 0 340
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,899评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,895评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,733评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,085评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,722评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,025评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,696评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,816评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,447评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,057评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,009评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,254评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,204评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,561评论 2 343

推荐阅读更多精彩内容