iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
自我挑戰組

蚵蚵攻城記 系列

我是一個每天在實驗室裡按pipetment的蚵蚵
我想轉職當工程師

鐵人鍊成 | 共 30 篇文章 | 9 人訂閱 訂閱系列文 RSS系列文
DAY 1

[Day 01] 生蚵人想當工程師

我是一個生科系及藥理研究所畢業的學生 現在在生技公司當一個技術員用右手大拇指按微量吸管幾乎是我每天的工作內容 雖然一直想著想要離開生科產業卻一直沒有那個勇氣跳出...

DAY 2

[Day 02] 學著安裝Gulp

Gulp對我來說真的是一個很神奇的東西到目前為止Gulp幫我解決了一些問題 建立了一個網頁伺服器(http://localhost:8080) 將less編譯...

DAY 3

[Day 03] 我所認識的HTML tag

HTML感覺既熟悉又對他陌生印象中會出現在瀏覽器的網址欄的最後四個字 在我還沒開始學HTML之前我對做一個網頁的方法的認知跟做報告用的PPT一樣放上想要的圖片超...

DAY 4

[Day04] 我所認識的CSS

昨天學了HTML已經可以出現有文字的頁面了!!但是白底黑字非常單調... HTML tags 可以加上attribute 產生不同樣式,但是tag 會變得亂七八...

DAY 5

[Day05] 水平置中(1/2) + block and inline

今天來練習一下水平置中在這裡我們就在這裡結束吧!! 要是可以按一個鈕這麼簡單就好了!! <div class="intro">...

DAY 6

[Day06]水平置中 (2/2) + inline block

昨天用了margin: auto 0;來達到水平置中,今天來試試看用text-align: center;來水平置中。今天不找按鈕了。 text-align:...

DAY 7

[Day07] 垂直置中 (1/4)

昨天兩天做了水平置中,今天來試試看垂直置中。 <div class="animalCage"> <p>A 350...

DAY 8

[Day08] 垂直置中 (2/4)

昨天嘗試了用line-height來做到垂直置中,今天試試看用position來達到垂直置中的效果。照慣例還是請到阿鼠,阿鼠臉太大。 我們把阿鼠放到一個籠子裡,...

DAY 9

[Day09] 垂直置中(3/4)

昨天練習用position的方式置中,今天試試看用flexbox,今天不要請阿鼠,今天叫B6來幫我們。(阿鼠是rat,B6是mice喔!) <div c...

DAY 10

[Day10] 垂直置中(4/4)

今天來試試看用 transform: translate 來達到置中的目的吧! <div class="animalCage"&gt...

在繡房偷吃藕粉丸子的收藏
在繡房偷吃藕粉丸子的追蹤
在繡房偷吃藕粉丸子的Like
在繡房偷吃藕粉丸子的紀錄