1.拿到一張網頁，首先要弄清應該如何進行布局，然後再開始寫**
2.css3的display:flex屬性
在設計首頁布局的時候，新認識了一種布局方式display:flex
1編譯之後的效果很明顯，介面的布局也很合理，看起來很清晰。那麼究竟這個屬性是幹嘛用的呢？.container
flex是flexible box的縮寫，意為"彈性布局"，用來為盒狀模型提供最大的靈活性。
設為flex布局以後，子元素的float、clear和vertical-align屬性將失效。
採用flex布局的元素，稱為flex容器（flex container），簡稱"容器"。它的所有子元素自動成為容器成員，稱為flex專案（flex item），簡稱"專案"。容器預設存在兩根軸：水平的主軸（main axis）和垂直的交叉軸（cross axis）。主軸的開始位置（與邊框的交叉點）叫做main start，結束位置叫做main end；交叉軸的開始位置叫做cross start，結束位置叫做cross end。專案預設沿主軸排列。單個專案佔據的主軸空間叫做main size，佔據的交叉軸空間叫做cross size。
以下6個屬性設定在容器上：
3.justify-content:space-around;專案位於各行之前、之間、之後都留有空白的容
器內。justify-content 用於設定或檢索彈性盒子元素在主軸（橫軸）方向上的對齊方式。值描述
測試flex-start
預設值。專案位於容器的開頭。
測試 »
flex-end
專案位於容器的結尾。
測試 »
center
專案位於容器的中心。
測試 »
space-between
專案位於各行之間留有空白的容器內。
測試 »
space-around
專案位於各行之前、之間、之後都留有空白的容器內。
測試 »
initial
設定該屬性為它的預設值。請參閱 initial
。測試 »
inherit
從父元素繼承該屬性。請參閱 inherit。
前端學習總結
1 對前端的印象在於html 設定格式，css 設定樣式，js 互動事件，經過4個星期左右的開發能大致搭乙個前後端互動的框架，利用到的技術包括 前端 layui框架，後端 springboot,mongodb.2 經過這幾周的學習收穫頗多，尤其是如何去解決乙個新問題，乙個基本不熟悉的領域，我相信這是...
學習前端總結
什麼是表示式？在頁面中能夠得到結果，那麼就代表是表示式。如下圖 在控制台輸入1 1 回車得到true，true就是乙個結果，所以1 1 就是乙個表示式 只輸入乙個數字2，回車也能得到乙個值2，所以2也是乙個表示式 輸入乙個不帶引號的字元，則沒有結果，直接報錯，所以就不是表示式 帶引號 123 則代表...
前端學習 HTML的學習總結
1 html是什麼 超文字標記語言 標籤 標記 怎麼做 使用標籤來建立網頁 2 html的用途 是用來編寫靜態網頁的。3 html結構 1 25 6 我們需要展示的資訊 7 8 4 區分正斜槓和反斜槓 5 開始標籤和結束標籤 1 開始標籤 2 關鍵字 3 結束標籤 6 書寫規範 html 根標籤 h...