文件流： 就是規則，準確點說就是決定了元素的排列和定位的一套規則。
流體布局：利用文件流本身的特性，實現的各類布局效果。文件流本身具有自適應性，所以流體布局也具有自適應性。
css3
object-fit
grid
網格容器
grid-template-rows：行劃分規則 => 單位：px 、%、 fr
grid-template-columns：列劃分規則 => 單位：px 、%、 fr
grid-row-gap: 行間距 => 單位：px
grid-column-gap：列間距 => 單位：px
grid-gap: 10px 10px || 10px =>簡寫(行、列)
justify-items：單元格中的內容水平對齊方式
align-items: 單元格中的內容垂直對齊方式 => 同上
justify-content && align-content :網格合計大小 相對於容器大小定位
grid-auto-columns && grid-auto-rows：在你明確定位的行或列，超出定義的網格範圍時，會建立寬度自適應的隱式網格項
grid-auto-flow: 自動放置演算法
grid-template-areas
網格項align-self: 沿著列軸線(column axis)對齊 屬性值同上
css世界 探索第一章
1.文件流 是css世界中的一種基本的定位和布局機制 是引導元素排列和定位的一條看不見的流。流向只能是正向的。浮動定位會脫離文件流。2.流體 布局 曾經風靡的 div css 布局 實際上指的就是這裡的 流體 布局 3.table 的世界 有著自己的世界，流 的特性對並不適用,一些 css 屬性的表...
CSS世界 第一 二章
1.1 css世界的 世界觀 1.2 世界都是創造出來的 1.3 css完勝svg的 流 1.3.1 什麼是 流 實際上是css世界中的一種基本的定位和布局機制。css世界構建的基石是html，而html最具有代表的2個基石和正好是css世界中塊級元素和內聯級元素的代表 1.3.2 流是如何影響整個...
關於CSS 第一章 入門
css casacding style sheets 層疊樣式表，用於修飾文件 可以是標記語言html，也可以是xml或者是svn 的語言，可以將文件以更優雅的形式呈現給使用者。css宣告 css語言的核心功能就是為特定的屬性設定特點的值，css引擎通過計算出宣告的每個屬性來顯示元素。css的屬性和...