第1章 视觉设计应用

• 1. 使用text-align属性创建视觉平衡
• 2. 使用width属性调整元素的宽度
• 3. 使用height属性调整元素的高度
• 4. 使用元素的高度创建视觉平衡
• 5. 使用strong标签使文本变粗
• 6. 使用u标签给文本标下划线
• 7. 使用em标签将文本显示为斜体
• 8. 使用del标签给文本添加删除线
• 9. 使用hr元素创建水平线
• 10. 调整文本的background-color属性
• 11. 调整标题对比段落标签的大小
• 12. 将box-shadow属性添加到卡片元素
• 13. 降低元素的不透明度
• 14. 使用text-transform属性将文本设为大写
• 15. 设置多个标题元素的字体大小
• 16. 设置多个标题元素的字体粗细
• 17. 设置段落文本的字体大小
• 18. 设置段落的行高
• 19. 调整锚标签的颜色
• 20. 调整锚标签的悬停状态
• 21. 更改元素的相对位置
• 22. 通过CSS偏移移动相对定位元素
• 23. 使用绝对定位将元素锁定到其父级
• 24. 使用固定定位将元素锁定到浏览器窗口
• 25. 使用float属性向左或向右浮动元素
• 26. 使用z-index属性更改重叠元素的定位
• 27. 使用margin属性水平居中元素
• 28. 了解互补色
• 29. 了解三次色
• 30. 将各种元素的颜色调整为互补色
• 31. 调整颜色的色相
• 32. 调整颜色的色调
• 33. 创建CSS线性渐变
• 34. 使用CSS线性渐变创建条纹元素
• 35. 通过添加细微图案作为背景图像创建纹理
• 36. 使用CSS transform属性的scale来更改元素的大小
• 37. 使用CSS transform属性的scale来缩放悬停元素
• 38. 使用CSS transform属性的skewX沿X轴倾斜元素
• 39. 使用CSS transform属性的skewY来沿着Y轴倾斜元素
• 40. 使用CSS创建图形
• 41. 使用CSS和HTML创建更复杂的形状
• 42. 了解CSS @keyframes和animation属性的工作原理
• 43. 使用CSS animation更改按钮的悬停状态
• 44. 修改动画的填充模式
• 45. 使用CSS动画创建运动
• 46. 通过将元素从左到右淡出来创建视觉方向
• 47. 使用无限动画计数持续元素动画
• 48. 使用无限动画计数制作CSS心跳
• 49. 可变速率下的动画元素
• 50. 在可变速率下动画多个元素
• 51. 使用关键字改变动画速度
• 52. 了解贝塞尔曲线是如何工作的
• 53. 使用贝塞尔曲线移动图形
• 54. 使用贝塞尔曲线使运动更自然