2016
Apr
19

這篇文章會教你如何製作一個 3D 的立體正方形,如下圖:另開視窗如果你對 CSS rotate3d 與 translate3d 還不熟,可以先閱讀我的上一篇文章CSS 3D 旋轉 rotate3d ...

2016
Apr
16

CSS 座標系統如下,上下是 y 軸的,往上小於 0 (-y) ,得下大於 0 (+y) ,左右是 x 軸,右邊是正數 (+x),左邊是負數 (-x), 最後是 z 軸,往螢幕的方向是負數 ...

2016
Jan
03

CSS Transitions 是 CSS 3 中的一個新的屬性,可以讓前端開發者輕易的做出動態效果,例如淡入,淡出,展開,縮合等等。一些比較舊的瀏覽器目前不支援 CSS Transi...

2015
Aug
29

Reflow 與 Repaint 這兩個東西跟瀏覽器有著密切的關系, Repaint 是指瀏覽器重新繪出一張新的頁面,通常發生在網頁中的 HTML Element Style 遇到變更;而 Reflow...

2014
Aug
31

CORS 全名 Cross Origin Resource sharing,定義了一些可以跨網域的 URI ,例如 Javascript, CSS, fonts,但是 Google 不知道那根筋不對,在新版的 Chrome 37....

2014
May
30

CSS 中有一個屬性 display: inline-block ,這個屬性主要功能是將 HTML Element 排成一列,但是使用 inline-block 會有隱藏空白的問題,造成寬度計算錯誤。實際...

2014
Jan
09

「pt, px, em, % 」, These properties are the font size of CSS. First, "em" is the same with "%", this is meaning for percentage of font. If you type...

2014
Jan
08

記錄一些平常寫過比較特別的 CSS 語法滑鼠移至按鈕時,其 Parent 亮起來這個是一個按鈕,左邊代表一個物件,而右邊是刪除按,當我把滑鼠移至 「X」鈕時,整個物...

2013
Dec
24

.selectorWrap { width: 300px; margin: 0 auto; font-size: 18px; padding: 8px;}.selectorWrap input { padding: 5px 10px;}CSS Selector 就是指 ...

2013
Feb
17

輪廓 outline.outline{ outline:1px solid black; outline-color:black; outline-width:1px; outline-style:solid; width:200px; margin:0 auto; ...