flex布局簡單介紹：
2023年，w3c 提出了一種新的方案----flex 布局，可以簡便、完整、響應式地實現各種頁面布局。目前，它已經得到了所有瀏覽器的支援，這意味著，現在就能很安全地使用這項功能。
目錄
一，flex 布局是什麼？
二，基本概念
三，flex容器屬性
父容器屬性
子項屬性
屬性 值 作用 1flex-directionrow（正序水平軸）
row-reverse（倒序水平軸）
comuln（正序交叉軸）
comuln-reverse（倒序交叉軸）
定義子元素在容器內的排列方向2flex-wrapnowrap（不換行）, wrap（換行——第一行在上方）, wrap-reverse（換行——第一行在下方）定義子元素是否換行，換行形式3flex-flowflex-flow為flex-direction，flex-wrap屬性的簡寫，預設值為row wrap4justify-conternfelx-start（左對齊）
flex-end（右對齊）
center（居中）
space-between（兩端對齊--專案之間間隔相等）
space-around（每個專案兩側間隔相等，專案之間間隔會比邊框要大）
定義子元素在容器內水平對齊方式5align-itemsflex-start(交叉軸起點對其)
flex-end(交叉軸終點對其)
center(交叉軸居中位置)
baseline(軸線專案上第一行文字基線對其)
stretch（預設值，如果專案未設定高度或設為auto，將佔滿真個容器的高度）
定義子項在容器人的交叉軸對齊方式6align-contentflex-start(與交叉軸起點對齊)
flex-end(與交叉軸終點對齊)
center（交叉軸居中對齊）
space-between(交叉軸兩端對其，每個軸線之間間隔平均)
space-around(每根軸線兩側間隔相等，軸線間要比邊框間隔要大)
stretch(軸線佔滿整個交叉軸)
定義多根軸線的對齊方式，如果該專案只有一根軸線，該屬性不起作用。屬性 值 作用1order需整數integer屬性定義專案的排列順序,數值越小,排列越靠前,預設為02flex-grownumber定義子項寬度不足父容器寬度時,子項拉伸的比例,無需直接設定寬度.
如果所有專案的flex-grow屬性都為1，則它們將等分剩餘空間（如果有的話）。如果乙個專案的flex-grow屬性為2，其他專案都為1，則前者佔據的剩餘空間將比其他項多一倍。
3flex-shrinknumber定義了專案的縮小比例,預設為1,即如果空間不足，該專案將縮小。
如果所有專案的flex-shrink屬性都為1，當空間不足時，都將等比例縮小。如果乙個專案的flex-shrink屬性為0，其他專案都為1，則空間不足時，前者不縮小。
4flex-basisnumber || 百分比屬性定義了再分配多餘之前空間之前,專案佔據的主軸空間(main size).瀏覽器根據這個屬性,計算主軸是否有多餘空間.預設為auto,及專案原本大小.
可以設為width/height屬性一樣的值(比如300px),則專案佔據固定空間.
5flex0 1 autoflex屬性是flex-grow,flex-shrink和flex-basis的簡寫，預設值為0 1 auto。後兩個屬性可選。
該屬性有兩個快捷值：auto(1 1 auto) 和 none (0 0 auto)。
建議優先使用這個屬性，而不是單獨寫三個分離的屬性，因為瀏覽器會推算相關值。
6align-selfauto()
flex-start()
flex-end()
center()
baseline()
stretch()
屬性允許單個專案有與其他專案不一樣的對齊方式，可覆蓋align-items屬性。表示繼承父元素的align-items屬性，如果沒有父元素，則等同於stretch
前端學習第二天
1.what is web 語義化 假設我們世界中有乙隻神奇小爬蟲，這個小爬蟲非常神奇，我們看不到它，同時它爬行的速度非常快，它可以在世界上所有的計算機之間爬來爬去，爬過的地方都會留下一條線，這條線就是網線。當小爬蟲爬過了大部分的計算機之後，這些計算機就組成了網路，而爬蟲的速度可以理解成網速。小爬蟲...
前端學習第二天
一 html文字標籤 hn,span,p html中標題 heading 分為6級，分別是 h1 h2 h3 h4 h5 h6 h1 h6標籤具有和p標籤一樣的特徵 佔滿整行，上下換行 普通文字標籤span 在html用於顯示文字的基本標籤對是。雖然不編寫任何標籤，將文字直接寫於標籤對內也能正常顯示...
前端學習第二天
層疊的概念 使用樣式的三種方式 1.引用外部樣式檔案 2.寫在head裡面style標籤內 3.寫在元素開始標籤內 用style屬性 同一 外部檔案，style標籤，內聯 層疊的優先順序 1.id的優先順序最高 2.類其次 3.tag標籤類再其次 4.瀏覽器預設的最低的。不同瀏覽器預設顯示的內容樣式...