鐵人檔案
從暑假開始至今，作為一個web前端新手，不知不覺也練習了兩個月的時間，期間也學習了不少基礎知識，不管學了多少如果不去複習那麼也很快的會將這些給遺忘所以就在此 正...
所謂練習一個技能時，就是要打好基礎，基礎呢就是html了。html是由各種元素組成。元素是開始標籤，內容，然後是結束標籤。就以段落元素為例:opening ta...
css在html裡使用的方式有三種第一直接在html標籤使用 <p style=""></p> 第二寫在style...
Flex 的外容器與內元件 主軸與交錯軸圖中軸的開始和結束是以預設為主不過這裡先說Flex外容器的屬性 display:這裡的內容要宣告為flex才能使用 f...
<div class="flexbox a"> <div class="flex-it...
接下來就是實戰練習了，就用flexboxfroggy來做演練吧今天就先練習justify-content這個屬性 輸入: justify-content: fl...
今天是練習align-items這個屬性輸入: align-items:flex-end 這樣就過第五關了 這裡位置在主軸和交錯軸中央輸入: justify-...
今天就練習flex-direction這個屬性 看到荷葉跟青蛙顏色排序相反而且都是在主軸上輸入: flex-direction:row-reverse; 這樣...
今天就練習order及align-self這些屬性紅的要在黃的前面在黃的CSS裡輸入: order:1; 這樣就過第十四關了 這裡要將紅的放到最前面，這邊要記...
今天就練習 flex-wrap及align-content這些屬性 純粹換行而已喔輸入: flex-wrap:wrap; 這樣就過第十八關了 除了換行還要把...
