1.flex: 彎曲，收縮
2.概念 2條主軸，main axis,cross axis; 每個單元為flex item，主軸空間main size，交叉軸空間cross size;
3.容器
.container{
display: flex | inline-flex;
塊狀元素用flex；行內元素用inline-flex;
使用之後，子元素的float、clear、vertical-align屬性會失效。
a. flex-direction 決定主軸方向
row 水平為主軸方向，起點在左端；(類似於左浮動)
row-reverse 水平為主軸方向，起點在右端；(類似於右浮動)
column 垂直為主軸方向，起點在頂端；
column-reverse 垂直為主軸方向，起點在底端；
b. flex-wrap 決定容器內是否可換行
wrap 換行，第一行在上面
nowrap 不換行，自動調整寬度，顯示在一行裡面。
wrap-reverse 換行，第一行在下面
c. flex-flow 是flex-direction和flex-wrap的簡寫形式
d. justify-content 定義了專案在主軸方向上的對齊方式
flex-start 在主軸方向上頭部對齊
flex-end 在主軸方向上尾部對齊
center 在主軸方向上居中
space-between 剩餘空間在主軸方向上等分(優秀)
space-around 每個專案的兩端間隔相等(優秀)
e. align-items 定義了專案在交叉軸上的對齊方式
stretch（預設）如果item沒有設定高度，就鋪滿容器
flex-start 在交叉軸方向上，頭部對齊(容易出效果)
flex-end 在交叉軸方向上，尾部對齊(容易出效果)
center 居中 交叉軸的中點對齊(容易出效果)
baseline 以專案中的第一行文字的底部基線對齊
f. align-content 定義了多根軸線的對齊方式(如果容器只有一根軸線，此屬性將不起作用，當flex-warp: warp 時，可能會出現多條軸線，預設為stretch)
(每條軸線的專案預設也是stretch,如果專案設定的高度優先順序高於stretch。)
flex-start 軸線在交叉軸的頭部對齊
flex-end 軸線在交叉軸的尾部對齊
center 軸線在交叉軸的中間對齊
space-between 剩餘空間等分為間隙
space-around 每個軸線兩側的距離相同
4. flex的專案屬性
a. order 定義專案在容器內的排列順序，數值越小越靠前，支援負數，預設為0。
b. flex-basis 定義了在分配多餘空間之前，專案佔據的主軸空間(預設值auto，即取決於自定義的寬度和高度，如果水平方向為主軸，當設定後，專案自身的寬度失效。一般這個屬性配合flex-grow,flex-shrink使用)
c. flex-grow 定義專案的放大比例，預設是0，即存在剩餘空間也不放大。如果都為1，則等分剩餘空間。如果其中乙個為2，別的為1，則比其他大一倍。
d. flex-shrink 定義了專案的縮小比例，預設是1，即空間不足，該專案將縮小，負值無效。如果某個專案該屬性為0，則空間不足時，它不縮小。
e. align-self 定義當前專案的對齊方式，會覆蓋align-items的設定，預設是auto，繼承父級設定，如果沒有父級，則為stretch。
flex-start
flex-end
center
baseline
stretch
Python學習 第二遍
computer原指專門負責計算的人，後來演變成特指計算編譯，譯為計算機 計算機是能根據一組指令運算元據的機器。五大部件對應硬體 擴充套件 計算機的工作原理a b 程式語言的種類 常用的程式語言 anaconda工具的使用問題 如何利用python程式進行攝氏度和華氏度的轉換 步驟一 分析問題的計算...
知識體系第二遍回顧 補充 原型鏈
20210616晚 總結性描述 任何乙個物件都有乙個 proto 屬性，指向建構函式的原型prototype，而prototype也是乙個物件，也有乙個 proto 屬性，這樣一環接一環，就形成了乙個鏈，到最後object.prototype截止。person.prototype.construct...
知識體系第二遍回顧補充 冒泡演算法
注 時間複雜度 完成乙個程式所需要的時間 一套圖 搞懂 時間複雜度 o 1 常量 o logn 對數 o n 線性 o n 2 指數型 空間複雜度 完成乙個程式所需要的記憶體 變數 標準 陣列內部數字的公升序排列 思想空間複雜度 迴圈比較o n 2 o n 2 氣泡排序 你比我小，我就要和你換，大值...