CSS3 Patterns Gallery (用 CSS 繪製絢麗背景)

隨著 CSS 的不斷演進，目前的 CSS 3 可以做的事情更多了！ 今天要提供一個繪製特別效果的背景給大家，效果如下:

接著就附上網址: http://lea.verou.me/css3patterns/

用 CSS 來製造動畫 - Animate.css

最近在開發網站需要做一些簡單的動畫，發現了一個不錯的套件叫做 Animate.css，他有很多 CSS 動畫，可參考他的 CSS 微調修改出自己想要的動畫，且可在官網上看到 Demo 的效果，如下圖:

這邊就附上 Animate.css 的網址: http://daneden.github.io/animate.css/

Bootstrap with Google material Design

相信大家對於 Google 所提倡的 Material Design 非常有興趣，但是要自己實做這些 CSS 及動畫似乎有點困難阿...好在國外已經有人開發好一套基於 Bootsrap 的 Material design 了，這對熟悉 Bootstrap 的人來說，可說是個好物呀！以下就附上此套件的截圖及 GitHub

網址: https://fezvrasta.github.io/bootstrap-material-design/bootstrap-elements.html

透過 overflow 及 white-space 屬性來讓過多的資料內容用 "..." 顯示

先前提過一些關於overflow的用法了，但是有時候有些無關緊要的文字卻讓他有scrollbar實在又不太好看，這時候可以再搭配text-overflow及white-space屬性來處理這種情況。

不同寬高的DIV元素排成一線對齊

在Html中，有時候我們會想要讓各種寬高不等的DIV元素排成一線並且對齊(上或下)該怎麼辦呢？答案是使用css來控制display和vertical-align這兩個屬性，程式碼如下:

HTML 元素內容太多造成顯示不正確

在Html中我們常常會在元素中顯示文字，可是如果我們限制了這個元素的長和寬，
而且字數內容又很多已經超過版面的話，就會造成顯示不正確的問題，