顏色
作用顏色可以象徵一些普遍的事物從而引發人的一些情緒。
事例1.紅色：暖色，容易聯想到火焰和辛辣的胡椒粉。代表力量、活力、愛、激情、進攻、危險
2.棕色：象徵土地，大自然
3.橙色：愉快、幸福
4.藍色：信任、保守、安全、清潔、悲傷、有序
5.綠色：大自然、健康、嫉妒、復甦
6.黃色：樂觀、希望、冷靜、懦弱
7.紫色：神秘
8.褐色：可靠、舒適、忍耐、大地
9.灰色/銀色：智慧型、未來、謙虛、悲哀、腐朽、高雅
10.黑色：力量、性、完善、神秘、恐懼、憂愁、死亡
11.白色：純潔、乾淨、精確、中性、不毛、死亡
注：某種顏色可能引起兩種相反的心裡聯想，淺綠色能夠喚起某種比較愉悅的感覺，深綠色恰恰相反
色彩和文化、性別都有一定關聯，在美國綠色讓人聯想到金錢，紫色讓歐洲人感到悲哀，在中國白色表示悲慟和死亡。
光影
作用光和影可以為作品新增真實感，讓作品中的某個部位凹現出來，以體現層次感。
事例使用漸變填充實現梯度效果，為按鈕新增立體的斜邊，為**建立陰影。
注：1. 陰影的亮度表示物體與陰影投射表面的距離。深色的陰影代表物體與背景較近，淺色代表較遠，即更靠近觀察者。
2. 陰影的長寬也會造成不同的距離感。細小的陰影讓人感覺物體與背景較近，寬大的就會感覺稍遠。
3. 確保光源的真實性，頁面的多個物件光源方向要一致。
形狀
作用喚起欣賞者某種特定的情緒。
事例弧形經常與女性、陰柔關聯起來，表示溫暖、舒適、曖昧以及愛情，可以具體為社群、全體、忍耐、運動、安全等含義。三角型通常會讓人聯想到男性、陽剛，表達一種強壯、攻擊以及運動感，稜角朝上體現向上的趨勢以及攻擊性，向下暗示消極表示被動和無力。方形暗示力量和根基，給瀏覽者帶來有序、邏輯、嚴密以及安全的感覺。
空間
作用適當的空間可以將瀏覽者的目光引導至頁面中的關鍵位置。空間還能夠對文字和影象的過密產生一定的緩衝，讓眼睛有休息的餘地。這將大大提高內容的可讀性，並給瀏覽者足夠的思考內容的時間。
事例適當的空間讓作品充滿優雅的氣息，擁擠的設計意味著資訊過多，會讓瀏覽者繃緊了神經。正空間是組成作品的物件所占用的空間，負空間則是指非作品物件（如背景）佔據的空間；兩者互相依賴、相輔相成。
css禪意花園 css禪意花園之絕對定位的技巧
通過禪意花園的第26號作品 the beauty of css design 了解絕對定位的技巧。因為css禪意花園的html 檔案都是固定的。通過改變css 檔案的內容來給人們展示不同效果。html 檔案如下 2.要將html 檔案底部的div 絕對定位到最前面。讓黃色徽章，城市等背景居中。3.其...
讀書筆記 CSS禪意花園 文字排印
文字是內容的核心，所以對於文字的排印是至關重要的，這一篇主要介紹文字排印對於網頁中文字的處理技術。先講一下文字排印的一些基礎 在選擇字型時一定要在最後加上備用字型這一項，因為不同的系統有不同的支援 通用的是serif，cuisive用於手寫字型，fantasy用於裝飾字型 在色相和對比度的選擇上 在...
在《css禪意花園》中所學到的
浮動和定位的區別 對元素使用浮動，那麼這個元素依然存在於文件流中，周圍的元素也會感受到他的存在 定位的話，能夠實現精準定位於某乙個位置上，定位的元素將不佔據空間，就像消失了一樣 被定位過的容器 無論是絕對還是相對 的左上角將作為該容器中定位元素的起始點 小tips 對於浮動元素，而且還會有水平mar...