2015/01/16

CSS垂直&平行置中

›
new way 1: .picWrap { position: relative; } .picWrap img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } =...
2014/08/04

CSS SHAPE

›
- cross - <div id="cross"></div> #cross { width: 100px; height: 100px; position: relative; } #cross:before, #c...
2014/03/28

何謂CPC、CPM、CTR、CPS、CPA

›
from: http://kbmarc.pixnet.net/blog/post/10986014-%5B%E7%B6%B2%E8%B7%AF%E4%BC%81%E5%8A%83%5D-%E4%BD%95%E8%AC%82cpc%E3%80%81cpm%E3%80%81ctr%...
2014/03/18

youtube 影片 responsive

›
<div class="video-container">          <iframe src="http://www.youtube.com/embed/dFVxGRekRSg" frameborder=...

16:9

›
16:9 => 100:? 100/16 = 6.25 9*6.25 = 56.25 => 56.25% (padding-bottom)
2014/01/27

關於文字爆出去

›
-- text-overflow -- 文字超出邊界時的處理方法，須配合 overflow: hidden; 和 white-space: nowrap; 使用。可設為： --> overflow: hidden; white-space: nowrap; text-...
2014/01/21

How To Take Care of Your Smartphone Battery the Right Way

›
Your smartphone is a minor miracle, a pocket-sized computer that can fulfill almost every whim. But none of its superpowers matter a bit if...
2014/01/02

如何讓 div 維持正方形

›
如何讓 div維持正方形 利用padding可以吃 width % 的值去推開 這樣寬高就會有相同的依據 EX: width: 50%; height: 0; padding-bottom: 50%; <-- 會以width為基準的20%延伸: padd...
2013/08/06

學習沒有「關鍵期」，現在開始就不晚

›
成年人大腦的可塑性，遠遠超過我們過去的認識。如果掌握了正確的方法，你也能像兒童一樣學習。
2013/06/17

宿醉的科學真相

›
想要零負擔享受派對季節，就得先瞭解酒精是如何影響你的身體。Kate Hilpern報導。