鐵人檔案
後端轉前端需要花多長時間？
會不會很久？
我還在轉職道路上奔爬...
所以我不知道要多久，
只知道很硬，也很難。
外加每日的睡眠不足，
讓我『有睡當思無睡之苦』。
本篇記錄著我從後端邁向前端的學習之路
為了讓元素的邊界格線看得更清楚，這邊統一對<body>之外的所有元素加上outline CSS * :not(body){ outline:...
容器 Container 網頁是設計來給人看的嘛，構成一個網頁的所有元件，不外乎是以下幾種： 文字 text 圖片 image 連結 a 輸入框 input...
當沒有任何CSS時，HTML預設顯示區塊元素(block)方式都是 往下一行一行(row)長 HTML ... p*3>lorem20(按tab) ......
以下這一段程式碼會長出不同大小及顏色的四塊積木 ... <div class="container"> <div...
這篇紀錄了CSS中不算少見、卻也有些難理解的東西 DOM Tree之中不涵蓋偽元素及偽類別，可以對DOM元素以外的部分做一些修飾、點綴。 偽元素 Pseudo...
引導列 HTML <ul class="menu"> <li><a href="#&quo...
個人主要是看金魚都能懂的Bootstrap影片學習BootStrap的，比起看文件的方式學習，金魚有帶很多比較有趣的範例及常見排版，但CSS樣式及BootStr...
學BootStrap最快的方式就是直接套一個模板來使用。 我們直接來套一個 Navbar Navbar 導覽列 縮小後會有不一樣的效果 我們來直接看看這段程式碼...
row是指什麼、col是指什麼? 常見的翻譯是 row代表列、col代表欄 但用google翻譯來翻卻有不同的意思，光是對row的中文翻譯，就有三種(排、行、列...
今天要來介紹 Bootstrap 工具、通用類別 在這章節中，最重要的就是要熟悉各種裝置尺寸代號， 在最小版面時會做怎樣的呈現、會隱藏掉什麼東西、大一點的版時...
