前言 今天要來講的是Flex 彈性盒子~,優勢就是快速的水平垂直排版、置中,又可以適應不同的螢幕尺寸,讚讚。 Flex Container 把元素設定為flex...
前言 寫CSS還蠻常會用到陰影,使元素更具有立體感,今天就來認識一下陰影有什麼屬性吧。 首先我們要先來設置陰影的方向,第一個參數負責控制水平方向,第二個參數...
absolute + top/left + tranform 利用top/left將子元素的左上角對齊中間,再利用transform平移元素自身50%的寬高達到...
Gird是一種二維的布局方式,相較flex來說grid還多控制了列~ example : <div class="wrapper"&g...
grid-template-areas 使用 grid-template-areas 定義每個區塊,grid-item再使用grid-area決定元素的位置。...