顯示具有 css 標籤的文章。 顯示所有文章
顯示具有 css 標籤的文章。 顯示所有文章
星期三, 8月 30, 2017

[CSS] All property 筆記

›
All 是 CSS 的用來重設樣式的屬性的簡化方法(shorthand)， 重設範圍不包括 direction 跟 unicode-bidi。 瀏覽器支援度 http://caniuse.com/#search=css%20all All Value initial : 重...
星期二, 6月 25, 2013

[css] units of css

›
  這次來介紹 css的度量衡，尺寸介紹。尺寸共有三種類型，一種是絕對數值，如 inch， cm， mm， pt(point)， pc(pica)， 這種和日常生活相關的尺寸。另外一種是比例上的計算，如 em，ex或 %，最後一種則是特別的單位  px 。   首先先介紹絕對...
星期四, 6月 13, 2013

[css] box model and box-sizing memo

›
  今天來討論入門討論 box-sizing這個css3的一個屬性，但是在知道box-sizing之前我們必須先知道什麼是 box model，這個目前在前端界很重要的概念。   W3C的標準的 Box Model Element 所占空間 Element 所佔空間高...
星期三, 5月 22, 2013

[CSS] pointer-events

›
  今天在 Front-End Developers Taiwan 社群看到有人問 css3 的 pointer-events，感覺還蠻有趣的，就稍微研究一下。   我自己實作了一下有點像是透過 css 達到 JavaScript的 preventDefault或是拖拉效果的...
星期四, 4月 18, 2013

[CSS3] How to make marquee by CSS3 animation

›
  這次要來探討如何使用 CSS3的 animation達成跑馬燈效果, 原因是原本的 HTML的 marquee標籤是非標準標籤 (refer from wiki ), W3C也不建議使用囉. 所以乾脆自己用 CSS3的動畫效果刻一個.分享出來給大家玩看看.   主要規格是...
星期四, 3月 07, 2013

[CSS] Calculation a selector's specifiicity.

›
  這篇文章其實是參照  W3C - Calculating a selector's specificity  應該會有點像是翻譯文章, 不過我會盡量白話的解釋如何計算 CSS的最後優先順序的數值, 並且呈現最後結果.   我們把 css selector分做四類,...
星期四, 2月 21, 2013

[CSS] how to use white-space

›
  最近在玩這 css屬性: white-space, 相信很多人在用的時候常常都是一知半解在玩他. 不過瞭解原理跟定義之後其實是蠻簡單的屬性. white-space有六個 property values, inherit是繼承父元件屬性值就不另外介紹, 下面跟各位一一就定義說...
星期三, 1月 23, 2013

[CSS] Display Memo

›
  大家好! 太久沒上來寫東西了,大家應該都忘記這邊了吧. 沒辦法, 最近真的是太忙了, (我絕對不會承認我買了 XBOX, AppleTV等有的沒的東西就忘記這邊了) .    標題這邊是來筆記一下 CSS的 Display 這屬性, 為何會想要筆記這屬性呢? 原因是看了 ...
星期五, 7月 20, 2012

[css] z-index test memo.

›
  所謂 z-index就是個靠爸的東西, 因為不管你的 z-index設定的多高, 跟別人比在一起只要你老爸(parent)的 z-index輸人家一節,你就很難翻身啦.XDD   以下面案例來舉例: Check out this Pen!   我設定了幾個物件...
星期四, 6月 21, 2012

[CSS] clear:both sample

›
  之前在跟同事討論到一個CSS的屬性clear,他有所謂的clear:left, clear:right,跟最常使用的clear:bith.不過其概念是真的蠻模糊的,根據W3C School的說明是 Elements after the floating elem...