网页的布局是面向文档流的，也就是每个元素默认都是从左到右，从上到下依次排列的。当然就像文章一样，有些元素比如标题默认就会另起一行，并且单独占据这一行。
所有的元素都分为三类：inline、inline-block、和 block。
其中 block 元素占据了一行的位置，即使他们的宽度不够一行，并且他们有自己的宽度和高度，比如 h1 元素。
inline-block 结合了 inline 和 block 元素的特性，首先他布局是 inline 的，也就是不会另起一行，但是又可以设定单独的高度和宽度。
display: none 将会完全不渲染该元素, visibility: hidden 会渲染这个元素，只是在该显式的地方留下空白
CSS 中元素的定位有如下几种，可以使用 position 指定
| 方法 | 说明 |
|---|---|
| static … |
这两天打算写写爬虫，准备用 css 选择器来抽取内容，翻译了一篇文章，正好复习一下，这篇文章遵守 CC-BY-NC-SA 协议。
大多数的 web 开发者首先学会了 CSS。因为给 HTML 元素写样式规则的元素选择器都很容易理解和记忆。经过一点点练习之后，就会发现成组的 CSS 表达式非常的有必要，比如使用一个逗号分隔开选择器，就可以把同一个样式属性附加到不同的多个元素了。
使用标签选择器和分组的选择器当然也有不足，那就是他们会应用到所有的标签。很快你就会意识到有时候需要给一个特定的元素加上样式。对于大多数开发者来说，最简单的选择当然是使用 class 和 id 选择器了。但是很遗憾的是这样下去的话，整个页面就会充满各种奇奇怪怪的类了。
除了不管的给 HTML 添加纯粹用于应用样式的 class 和 id 之外，你也可以考虑使用高级的 CSS 选择器来给指定元素应用样式。高级的选择器大致可以分类为上下文选择器、属性选择器、伪元素选择器和伪类选择器。
元素选择器把样式应用到所有选中元素上，也是被使用最广泛的选择器 …
Bootstrap适合做没有界面设计，只有功能或者草图，直接通过代码快速的生成一个可用的界面
Bootstrap不适合
add this to headers <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
container class should be added to the root element where you would like to use bootstrap.
container-fluid is for full-width container.
https://css-tricks.com/fighting-the-space-between-inline-block-elements/