Search
颱風假前，來欣賞一個幾何風格的網站吧
---
在 Material design 與 Metro Design 後
單純簡潔的網頁設計越來越討喜
這之中包含了幾個要點
1. 色彩單純
過於複雜的色彩容易讓畫面過於雜亂
以這個網站來說
黃色主要色
黑色是文字色彩
這樣，就足夠吸引人了
2. 字體是重點
襯線、無襯線字體可呈現不同的個性
雖然無襯線是主流
也要特別注意在不同的字體大小下
選擇不同的字體粗細使畫面與文字均衡
有時可搭配些裝飾字體
增加更高層次的設計感
3. 善用動態效果
一點點的動態
讓用戶感受到滿滿的用心
自從 CSS 的 transition 與 animation 普及後
網站加入動態相對簡單很多
不需要複雜的 javascript 即可做出效果
配合著不同 timing function
用戶甚至可以從動態效果理解網站所表達的意思
#教召回來了Q_Q #網站分享
[WebTech #60] CSS > 3. CSS 語法 > 3-2 屬性（Properties）
匹配規則（Selector）是骨，屬性（Properties）是肉！
剛剛提過 CSS 就是由大量的「匹配規則」（Selector，或譯「選擇器」）組成的。每個匹配規則大致都長成這樣：
匹配規則 {
屬性1：屬性值1;
屬性2：屬性值2;
...
}
範例如下：
a {
color: red;
font-size: large;
}
這會匹配 ... 之間的文字，然後把字體改大、套用紅色。如果您 30 幾種常用的匹配規則文法都學會了，那麼接下來就是該學 { ... } 之間的屬性了！如果屬性全會，那麼你的 CSS 就學完、沒啦！ :-)
我個人會把這些屬性分為下列這幾類：
(1) 文字（Text）：字型、字體、對齊、間隔、粗細、顏色...
(2) 邊框（Box）與表格（Table）
(3) 大小、距離、排版
(4) 照片、多媒體
(5) 型變、動畫
我先給大家看篇屬性的簡介，下午再提供每種屬性的細部講解給大家喔！
http://reference.sitepoint.com/css/propertyref
請由左手邊選單點擊您想看的主題，繼續點子選項閱讀即可。
