鐵人檔案
為了使我們的Card更精緻，我們可以在.card{}中加入 box-shadow: 5px 5px 8px rgb(156, 153, 153); 這行可以使...
除了normailze之外，這邊另外推薦一個css的 函式庫 FontAwesome在這裡你可以找到各式各樣的小圖示，增加我們HTML的美觀，雖然有些需要付費，...
接下來我們介紹CSS階層選擇器，與之前的屬性的優先權高低有所不同。我們直接上範例，在我的body之中我們先上code: <h3>我是...
重新認識邊框: 跑版問題在我的範例中，我們使用選擇器將box的邊框設計為400px，但是由於我們設計了border的關係這使得我們的total 的width為b...
CSS顯示模式差異(1):在HTML中我們依照版面顯示方式，將標籤分為三種類型，1.區塊元素(block):例如: h1~h6,div,section,head...
何謂響應式網頁，在維基百科上有這樣的定義，響應式網頁(Responsive Web Design，RWD)，是一種網頁設計的技術，這種設計可使網站在不同的裝置（...
由於每個裝置的長寬不一樣，所以造成我們在拖拉放大縮小我們的頁面的時候，我們的圖片大小無法完全的match。這時候我們可以寫以下的code達成我們的目的， .he...
第十八天 CSS定位模式Position 有五種方向:top、bottom、left、right、z-index,這五種方向分別指:Top:由上往下推多少px。...
了解了昨天的定位之後，今天我們做一個小練習， 如何讓兩個方塊重疊呢? HTML程式碼我們這樣打: ⋮ <h3>...
如何讓愛心、讚、FB的button在右下角? 在這個案例中我們先寫HTML <section> <h1>進階定位...
