大家好～ 我是 Amos，這次要跟大家分享的是切版的教學，如果您本身對於 HTML & CSS 的基礎還不了解的話，建議您可以先看去年鐵人的基礎教學 本...
一、屬性統整： 1-1、作用於彈性容器上： flex-direction（控制子項整體佈局方向） flex-wrap（控制子項整體單行顯示還是換行顯示） fl...
彈性項目相關屬性 儘管彈性項目的對齊、順序與彈性是透過彈性容器屬性協調運作，仍可透過幾個能夠作用在個別彈性項目的屬性做更細緻的操作。 flex縮寫屬性及其...
對齊項目 align-items：定義彈性項目在彈性容器交叉軸上對齊的行為。 宣告在彈性容器，而不是彈性項目。 align-items預設值是stretc...
排列彈性項目 預設情況下，無論flex-flow設定了什麼樣的數值，彈性容器中最後一個彈性項目之後的空間，一定是在main-end與cross-end方向...
2-1. flex-direction屬性 flex-direction控制彈性項目排列的主要軸向，就是彈性項目的排列方向。 .flex-container...
【主題一：Flexbox】單元： Flexbox基礎 彈性容器（flex container） 排列彈性項目 彈性內容 調整內容 對齊項目 align-sel...
1.標題 (1).Event-input版 index.php <div id="info-panel"> <di...
main.css #calender{ margin: 0 auto; width: 90%; } .day, .date-block{ f...
header.php <!DOCTYPE html> <html lang="en"> <head>...
古人有云：「先謀定而後動，則無往而不勝」動手前，先想一想，你要切的版是什麼樣子的？ 好，那麼，假設你看了一些文件，也試著打開記事本(我一開始真的是用記事本，之後...
Monospace工作室最近的活動真的是越來越多了。 無論是設計還是程式， 昨天參加了美工叨， 說實在的，一個工程師去參加被當成美工的設計師聚會， 有一點格格不...
那今天就從我們在排版很常用到的內距 padding ＆ 外距 margin 首先從title區開始 先上個設計圖的樣式 那我們在title裡的大頭照是圓形的...
樂樂
‧
2017-12-25
今天要來放內容區內的小區塊啦！ 點我回顧昨天 左邊的區塊分為兩個區塊 上方：banner區塊，在banner區裡面再包一個我們網站大標的區塊 下方：最新文章區...
樂樂
‧
2017-12-24
昨日回顧點我 那這兩天我們就把選單跟內容的部分都放進去，過幾天開始寫細部的樣式 那為什麼要這麼做呢？因為我不想一次講太多css的屬性造成吸收不良XD 左側選單...
樂樂
‧
2017-12-23
相關文章 Day09 : 切版(一) _ 基礎架構2 ＆ 圖片的顯示方法 Day10 : 切版(一) _ 基礎架構3 : 區塊分割 Day11 :...
樂樂
‧
2017-12-22
會了基礎的html和css後，再來認識Bootstrap，讓很多東西都不用再自己造輪子！ Navbar導覽列 <!-- .navbar-expand-...
::自介 2016 暫別在一家小公司近三年的平面設計工作，有感自己平面設計的能力再繼續做下去，自己一個人不會餓死，但養不活其他人，休息期間開始思索人生下一個工作...
就算是切版也是很講技巧的 配圖和內文無關，只是我今天畫的萬聖應景圖而已... 前幾天的分享裡有聊到，前端的工作並不僅僅是切版而已，整個web的呈現部分都可以廣...
CSScoke
Amy
Lai
JasonYang
Hsinny
chibc