必要准备

为了不让浏览器自动缩放，必须加入下面一行

<meta name="viewport" content="width=device-width,initial-scale=1.0" />

媒体查询

可以将下面的代码插入任意CSS文件的最后查看效果

body: {
    background-color: grey;
}
@media screen and (max-width: 960px) {
    body {
        background-color: red;
    }
}
@media screen and (max-width: 768px) {
    body {
        background-color: orange;
    }
}
@media screen and (max-width: 550px) {
    body {
        background-color: yellow;
    }
}
@media screen and (max-width: 320px) {
    body {
        background-color: green;
    }
}

插入方式

<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<!--是屏幕才加载style.css文件-->

<link rel="stylesheet" type="text/css" media="screen and (orientation: portrait)" href="portrait-style.css" />
<!--纵向放置的设备会加载portrait-style.css文件-->

<link rel="stylesheet" type="text/css" media="screen and (orientation: portrait) and (max-width: 800px)" href="800px-portrait-style.css" />
<!--进一步限制屏幕尺寸-->

<link rel="stylesheet" type="text/css" media="screen and (orientation: portrait) and (max-width: 800px), projection" href="800px-portrait-style.css" />
<!--都好分隔几个查询，这里会应用到所有的投影仪-->

还可以使用import，下面的例子将为视口最大宽度为360像素的显示屏设备加载phone.css

@import url("phone.css") screen and (max-width: 360px);

但是这样会增加HTTP请求，影响加载速度。

HTML全新语义

<section>
文档中的区域或节

<nav>
主导航区域

<article>
一篇文章，一篇完整的内容

<aside>
侧边栏

<hgroup>
包裹一组h标签

<header>
刊头

<footer>
就是footer

<address>
标注其与最近祖先的联系信息

正文部分

<b>加粗

<em>强调内容重点

<i>斜体

在lifehacker上查看原文

到目前为止拿鼠标点来点去只会让你远离Ubuntu。对于那些真的想使用”另一个操作系统”的人，学习终端命令是重要的一步。在 Ask Ubuntu上，专家们提供了学习shell最好的方法。

在我看来，学习如何使用终端是学习如何使用Ubuntu的先决条件。所以我试图找出最好的学习方法。

在这里查看原始问题。

随机学习（Answered by Radu Rădeanu）

你可以在你的·~/.bashrc·文件的结尾添加下面这行命令：

echo "Did you know that:"; whatis $(ls /bin | shuf -n 1)

每次你打开终端，都会随机地学到一个命令。

如果你想找一些乐子，可以使用cowsay。运行下面的命令可以安装：

sudo apt-get install cowsay

然后在你的·~/.bashrc·文件结尾添加下面一行：

cowsay -f $(ls /usr/share/cowsay/cows | shuf -n 1 | cut -d. -f1) $(whatis $(ls /bin) 2>/dev/null | shuf -n 1)

或者可以用别名 ，添加到·~/.bash_aliases·里。我加入了下面一行：

alias ?='cowsay -f $(ls /usr/share/cowsay/cows | shuf -n 1 | cut -d. -f1) $(whatis $(ls /bin) 2>/dev/null | shuf -n 1)'

无论何时，当你觉得无聊的时候，就可以在终端里输入：”?”（后面跟一个回车）。 这就像自己玩骰子。

whatis（Answered by Achu）

我经常玩”whatis”。这不是一个游戏，但它是学习终端命令的相对简单的方法。举个例子，输入：

whatis sudo apt-get update

它返回的是：

在运行命令之前，我都会用”whatis”。我学习了我要做的事，这样我会满怀信心地使用这些命令。

如果”whatis”没有提供足够的信息，或者描述不够清楚，我接着就会查看文档（man），比如：

man sudo

关于这个问题，Google给了你很多，不管是来自AskUbuntu或者其它。在这里，LMGTFY:best way to learn terminal commands on Ubuntu。

一个游戏（Answered by snim2）

Terminus就是这样一个游戏，能帮助你学习终端命令。这里是它的一个还运行的版本。它的代码托管在在Github上。这是个好点子，虽然我期望它的代码更容易拓展。

终端不是学习Ubuntu的先决条件（Answered by avernet）

Ubuntu的设计是用户友好的。学习如何使用终端并不是学习如何使用Ubuntu的先决条件。除非你想成为一个超级用户或者想自己排除故障。

关于你的问题，我没听说过任何设计出来教别人学习终端命令的游戏，但是我强烈推荐下面bash和系统管理的相关资源：

UNIX Tutorial for Beginners （注意，这个教程使用Red Hat,而且引用了一些只适用于Surrey大学学生的路径。）

BASH Programming - Introduction HOW-TO（托管在Linux文档项目里，作者是Mike G。）

Bash Shell Scripting（Wikipedia）

Study manuals（LPI）

GNU Bash Reference Manual

Advanced Bash-Scripting Guide（Mendel Cooper）

图转自开卷有益,也可以查看英文原图

更多说明

1.双引号

把搜索词放在双引号中，代表完全匹配搜索，也就是说搜索结果返回的页面包含双引号中出现的所有的词，连顺序也必须完全匹配。

2.减号

减号代表搜索不包含减号后面的词的页面。使用这个指令时减号前面必须是空格，减号后面没有空格，紧跟着需要排除的词。

例如：大学 -马家沟军事工程学院

返回的则是包含“大学”这个词，却不包含“马家沟军事工程学院”这个词的结果

3.星号

星号*是常用的通配符，也可以用在搜索中。

比如在Google 中搜索：搜索*擎

其中的*号代表任何文字。返回的结果就不仅包含“搜索引擎”，还包含了“搜索收擎”，“搜索巨擎”等内容。

4.related

related: 返回的结果是与某个网站有关联的页面。比如搜索

related:http://zhihu.com

5.site

site: 用来搜索某个域名下的所有文件。

例如 site:quant67.com 探险指南

可以搜索quant67网站上所有关于”探险指南”的内容。

6.filetype

用于搜索特定文件格式。

比如搜索filetype:pdf Dijstra

返回的就是包含Dijstra这个关键词的所有pdf文件。

7.intitle

intitle: 指令返回的是页面title中包含关键词的页面。

8.allintitle

allintitle:搜索返回的是页面标题中包含关键词的文件。

例如 ：allintitle:DFA 正则表达式

返回的是标题中中既包含“DFA”，也包含“正则表达式”的页面

9.inurl

inurl: 指令用于搜索查询词出现在url中的页面。这个指令支持中文。