第1章 視覺設(shè)計(jì)應(yīng)用

• 1. 使用text-align屬性創(chuàng)建視覺平衡
• 2. 使用width屬性調(diào)整元素的寬度
• 3. 使用height屬性調(diào)整元素的高度
• 4. 使用元素的高度創(chuàng)建視覺平衡
• 5. 使用strong標(biāo)簽使文本變粗
• 6. 使用u標(biāo)簽給文本標(biāo)下劃線
• 7. 使用em標(biāo)簽將文本顯示為斜體
• 8. 使用del標(biāo)簽給文本添加刪除線
• 9. 使用hr元素創(chuàng)建水平線
• 10. 調(diào)整文本的background-color屬性
• 11. 調(diào)整標(biāo)題對(duì)比段落標(biāo)簽的大小
• 12. 將box-shadow屬性添加到卡片元素
• 13. 降低元素的不透明度
• 14. 使用text-transform屬性將文本設(shè)為大寫
• 15. 設(shè)置多個(gè)標(biāo)題元素的字體大小
• 16. 設(shè)置多個(gè)標(biāo)題元素的字體粗細(xì)
• 17. 設(shè)置段落文本的字體大小
• 18. 設(shè)置段落的行高
• 19. 調(diào)整錨標(biāo)簽的顏色
• 20. 調(diào)整錨標(biāo)簽的懸停狀態(tài)
• 21. 更改元素的相對(duì)位置
• 22. 通過CSS偏移移動(dòng)相對(duì)定位元素
• 23. 使用絕對(duì)定位將元素鎖定到其父級(jí)
• 24. 使用固定定位將元素鎖定到瀏覽器窗口
• 25. 使用float屬性向左或向右浮動(dòng)元素
• 26. 使用z-index屬性更改重疊元素的定位
• 27. 使用margin屬性水平居中元素
• 28. 了解互補(bǔ)色
• 29. 了解三次色
• 30. 將各種元素的顏色調(diào)整為互補(bǔ)色
• 31. 調(diào)整顏色的色相
• 32. 調(diào)整顏色的色調(diào)
• 33. 創(chuàng)建CSS線性漸變
• 34. 使用CSS線性漸變創(chuàng)建條紋元素
• 35. 通過添加細(xì)微圖案作為背景圖像創(chuàng)建紋理
• 36. 使用CSS transform屬性的scale來更改元素的大小
• 37. 使用CSS transform屬性的scale來縮放懸停元素
• 38. 使用CSS transform屬性的skewX沿X軸傾斜元素
• 39. 使用CSS transform屬性的skewY來沿著Y軸傾斜元素
• 40. 使用CSS創(chuàng)建圖形
• 41. 使用CSS和HTML創(chuàng)建更復(fù)雜的形狀
• 42. 了解CSS @keyframes和animation屬性的工作原理
• 43. 使用CSS animation更改按鈕的懸停狀態(tài)
• 44. 修改動(dòng)畫的填充模式
• 45. 使用CSS動(dòng)畫創(chuàng)建運(yùn)動(dòng)
• 46. 通過將元素從左到右淡出來創(chuàng)建視覺方向
• 47. 使用無限動(dòng)畫計(jì)數(shù)持續(xù)元素動(dòng)畫
• 48. 使用無限動(dòng)畫計(jì)數(shù)制作CSS心跳
• 49. 可變速率下的動(dòng)畫元素
• 50. 在可變速率下動(dòng)畫多個(gè)元素
• 51. 使用關(guān)鍵字改變動(dòng)畫速度
• 52. 了解貝塞爾曲線是如何工作的
• 53. 使用貝塞爾曲線移動(dòng)圖形
• 54. 使用貝塞爾曲線使運(yùn)動(dòng)更自然