鐵人檔案
flex這個屬性用在網頁排版，透過display:flex來使用，以下效果都需要display:flex才能運作原本的div分布給body加上display:f...
flex有自己的對齊方式，justify-content:依照目前Main axis進行對齊justify-content:flex-start;以Main a...
flex還可以讓物件自動填充，給物件加上flex-grow，這可以讓容器有剩餘空間的情況下，物件自動補滿，他還會跟一個叫flex-basic有關flex-bas...
float浮動，浮動一開始的用法是拿來做文繞圖的效果，後面拿來做更多排版的事情(文繞圖) 浮動會將物件重新排列 <div style="...
position這個屬性能讓物件進行定位，來用這兩個div展現 <div style="background-color: aqua;p...
grid，網格，將物件給拆成一個一個格子，與flex都是很好用的排版工具透過給容器display:grid來使用，除了grid也有inline-grid，兩者分...
繼續介紹gridgrid有個東西與flex-grow一樣透過計算來分配大小，fr grid-template-columns:1fr 150px 200px;...
繼續介紹grid，前面有提過網格數是依照grid-template-columns或rows的數量而定，下面分別給row和column設定六個網格，下面用圖片展...
transform函數可以讓物件進行，移動或放大等操作，透過transform:來使用transform: translateX(數值)，物件往右方向移動，如果...
css裡有個transition屬性，它可以讓物件呈現轉場的效果，不會是直接變大變小那麼突兀，當div被滑鼠蓋上時，改變背景色與高度，下面用transition...
