1、彈性盒子模型（flex容器）：定義彈性伸縮盒容器型別
用法：display：flex；將物件作為塊級彈性彈性盒模型；
display：inline-flex；將物件作為內聯塊級彈性彈性盒模型；
（之前學過display：block/inline-block；）
2、flex容器
採用flex布局的元素，稱為flex容器（flex container），簡稱「容器」。
3、flex專案
它的所有子元素自動稱為容器成員，稱為flex專案（flex item），簡稱「專案」，任何乙個元素都可以指定為flex布局。
4、flex-direction 排列盒子方向
5、主軸與交叉軸
容器預設存在兩根軸：水平的主軸（main axis）和垂直的交叉軸（cross axis）。
主軸的開始位置（與邊框的交叉點）叫做main start，結束位置叫做main end；
交叉軸的開始位置叫做cross start，結束位置叫做cross end。
專案預設沿主軸排列，單個專案佔據的主軸空間叫做main size，佔據的交叉軸空間叫做cross size。
6、flex-wrap 換行方式
混合寫法：flex-flow:flex-direction flex-wrap;
7、justify-content 定義了專案在主軸上的對齊方式
9、order
屬性定義專案的排列順序。數值越小，排列越靠前，預設為0，可以為負值。
（如下圖所示）
10、flex-grow屬性用於設定或檢索彈性盒子的擴充套件比率。(用於移動端)
注意：如果元素不是彈性盒物件的元素，則 flex-grow 屬性不起作用。
HTML CSS學習筆記
利用標籤中style屬性來改變每個標籤的顯示樣式 適用於單個標籤的樣式修改。不靈活 this is p tag 內嵌形式 可用於同類標籤的樣式統一修改 依然不夠靈活 表示後面的所有table中的文字預設顏色如我所設定。前提是已經存在乙個定義好的css檔案，網頁的一部分樣式需要用到，那麼可以採用這種方...
html css筆記總結
完整的html結構 樣式的引用 一。內部編寫 哈,我是乙個帥哥 是不是哦，我暈你 我看看行不行。執行結果為 哈我是乙個帥哥 是不是哦，我暈你 我看看行不行。解釋 哈我是乙個帥哥 用的是absolute 絕對定位，它相對於第乙個div來定位，因為第乙個div是它的父級元素，將它包含在裡面。所以它出現在...
html css學習筆記
本人正經職業位android 開發，無奈現在社會壓力太大，對做人的要求越來越高，只掌握一門技術根本不好意思說自己是一名程式設計師，更無法在這個社會生存。本人只好順應時代發展的需要，不斷提高自己的綜合水平，提高對自身的要求，選擇了去學習html和css等前端的有關知識，新手入門，記錄一些學習過程中的筆...