鐵人檔案
30天，從wireframe到html，再到CSS，一步一步完成自己的一頁式履歷作品集網頁。
以前雖然在課堂上學過網頁程式撰寫，也設計過幾個project，但卻一直沒有式著製做自己的網頁，於是想趁著這個機會挑戰看看。
終於要來加上CSS 了，CSS 為 Cascading Style Sheets 階層式樣式表的縮寫，能幫網頁加上各式各樣的變化與功能，也能做出響應式網頁，同時...
上一章簡單的提了一下CSS，這章開始則是一些最簡單基本的語法。那我們就從顏色與字型開始吧。 顏色 對任何標籤使用color語法，改變他們的顏色。 nav a{...
這章要來介紹 Margin Border Padding，框框三兄弟。 Margin p { margin:50px; } 是border外面的空間，用來排...
這章要來介紹 Margin Border Padding，框框三兄弟的Border 的部分。 Border 各個物件都有一個框，那就是border。以borde...
利用position對物件進行定位~~，儘管我覺得position有點難控制又有點奇異但我還是要分享~~。position 有五個屬性static、relati...
Flex 是一種彈性性很高的排版方式，不像position 他能隨著螢幕縮放跟著移動，也能替代CSS 另外一個滿失控的排版Float。首先將你想排版的物件們的外...
接下來會介紹幾個能讓網頁豐富起來的互動模式，Hover 、Transform 、Transition與Animation。 Hover 在使用網頁時，除了輸入文...
由於hover 的效果，是一瞬間的變化，在一些大面積顏色或是線條的變化時，會顯得過於生硬，此時加上transition 控制變化的時間，就能讓效果滑順起來啦！要...
CSS沒辦法像之前打html時，一邊打一邊介紹功能，因為每個標籤會重複運用到各種功能。於是在解說了這麼多的CSS 與之後，讓我們來把它應用在網頁吧！ body...
完成navigation bar 之後是主要的內容區。 .content{ width: 70vw; margin: 0px auto; }...
