鐵人檔案
今天要來做第五張網美照，比起前面幾張的照片，這張是更俏皮一些(我自己是這樣認為啦，所以也要來個能符合這張照片的裝飾，才能襯托出照片本身。這次的筆記主要是寫文字在...
今天要來做第六張網美照，照片下層用兩個同比例的方形以左上為原點轉動角度，再配上文字，就完成啦~ 筆記區 一、transform-origin 圖形的原點皆預設為...
今天要來做第七張網美照，其實就是很簡單的調整位置，加上標題。關於怎麼調整位置好像不需要做到筆記，所以今天的筆記可能要來寫其他東西，就來整理一下margin和pa...
今天要來做第八張網美照，跟昨天差不多，都是一些以前說過的功能，所以今天的筆記一樣來寫一些看似普通卻依然重要的那些功能吧~所以我決定來了解一下flex，由於fle...
昨天有初步提到flex(彈性布局)的應用以及他的主軸設定，還有一些換行功能，這邊先來個小小複習一下：Flex-direction：設定主軸方向，分為縱軸與橫軸，...
前兩天都在講彈性布局flex的功能，那我今天一樣按照慣例先來寫個昨天(Day15)的小複習：justify-content是主軸的對齊方式，對齊功能有起始端排列...
這應該會是flex的最後一篇了，當初以為兩篇就可以寫完，沒想到竟然寫到四篇。昨天有說到單一的對齊方式和順序的排列，有興趣的可以往前幾篇看看呦~今天要講的東西有點...
這四天的發文也算是對flex彈性布局有一定的認識，在編輯文章的時候還蠻有成就感，那麼今天就要回歸原本的網美照系列，左邊用文字加陰影排版，右邊則是將照片調整明暗度...
如果網頁全部內容都是文字的話可能會給人一種嚴肅、莊嚴的樣子，所以通常在製作網頁的過程多少會加點小圖示icon讓自己的網頁看起來生動活潑，這裡就有一個網站想要推薦...
首先在文章開始前呢，先來恭喜一下鐵人比賽終於也來到第20天了，前幾天主要都是在講CSS的功能有什麼，所以今天要來做一點不一樣的東西，我想將之前所設計的照片串起來...
