flex布局
flex布局主要由容器和專案構成。採用flex布局的元素，稱為flex容器（flex container），它的所有直接子元素自動成為容器成員，稱為flex專案（flex item）。可以通過設定display:flex或display:inline-flex將任何乙個元素指定為flex布局。容器預設存在兩根軸，水平的主軸（main axis）和垂直的交叉軸（main axis），主軸開始的位置叫main start，結束位置叫main end，和主軸的方向有關；交叉軸開始的位置叫cross start，結束cross end，和交叉軸方向有關。專案預設從主軸開始的位置到主軸結束的位置進行排列，專案在主軸上占有的空間叫main size，交叉軸上叫cross size。
容器的屬性
1.display指定元素是否為flex布局
.mybox
flex產生塊級flex布局
inline-flex產生行內flex布局，符合行內元素的特性，同時符合flex規範
設定flex布局以後，子元素的float、clear和vertical-align屬性將會失效
2.flex-direction，用於指定主軸的方向，即專案排列的方向
.mybox
row：主軸為水平，起點在左，預設值
row-reverse：起點在右
colum：主軸為垂直，起點在上
colum-reverse：起點在下
3.flex-wrap，一般來說，專案都排在一條線上，flex-wrap用來指定如果一套軸線放不下，該如何換行。
.mybox
nowrap:不換行，預設值
wrap:換行，第一行在上方
wrap-reverse:換行，第一行在下方。當設定換行時，還需要設定align-item屬性配合自動換行。並且align-item值不能為stretch。
4.flex-flow是flex-direction和flex-wrap的簡寫形式。預設值為row nowrap.
5.justify-content定義專案在主軸上的對齊方式
flex-start：左對齊，預設值
flex-end：右對齊
center：區中
space-between：兩端對其，專案之間間隔相等
space-around：每個專案兩側間隔相等。專案之間的間隔比專案與邊框間隔大一倍。
6.align-items在交叉軸上的對齊。
flex-start：交叉軸起點對齊
flex-end：交叉軸終點對齊
center：交叉軸中線對齊
baseline：專案根據它們第一行文字基線對齊
stretch：如果專案未設定高度或auto，專案將在交叉軸方向拉伸填滿整個容器，預設值。
7.align-content，定義專案多根軸線（出現換行後）在交叉軸的對齊方式。
flex-start
flex-end
center
space-between
space-around
stretch
小程式開發之 前端開發 學習第三節 一
這一節就是學布局了。盒子模型是css布局的基礎，css假定每個元素都會生成乙個或多個矩形框，每個元素框中心都有內容框content，內邊距padding，邊框border和外邊距margin，這些預設為0.盒子模型根據瀏覽器具體實現可分為w3c標準盒子模型和ie盒子模型，這兩種盒子模型在寬度和高度的...
第三節 前端開發基礎 HTML
初級拓展 1 測驗 完成測驗 2 實踐 完成例項 中的 html例項 在執行實驗 時，需要了解其含義，並嘗試修改每乙個例項相關的元素 標籤 屬性 內容 3 了解html實體 1 了解html實體 2 掌握html預留字元 即 的實體編碼和實體名稱。高階拓展 1 熟悉html的常見的事件屬性 1 了解...
Python學習筆記 第三節
算術運算子 就是我們常用的 兩個物件相加 也可以用來字串的連線 兩個數相減 得到的數可以是負值 兩個數做乘法運算，或者將乙個字串重複幾次 兩個數做除法運算，需要注意 在python2版本裡邊，兩個相除，得到的也是整數，如果想要得到浮點數，只要把其中乙個數變為浮點數就好 例程環境 python 3 冪...