书：pan.baidu.com/s/1CYs3_H1uB8aSSC40nykN0w?pwd=eznp
提取码：eznp
笔记分享：
- 高级选择器与特性：
- 伪类选择器：介绍各种伪类选择器，如
:hover、:active、:focus等，用于改变元素在不同状态下的样式。 - 属性选择器：详细讲解如何使用属性选择器根据元素的属性来应用样式。
- Flexbox弹性盒布局：
- 深入讲解Flexbox（弹性盒）模型，包括容器与轴、对齐与方向、弹性增长与收缩等核心概念。
- 实际应用Flexbox进行复杂的页面布局设计。
- Grid栅格布局：
- 介绍CSS Grid（栅格）布局，包括定义网格容器、创建网格线、网格单元格以及网格区域等。
- 利用Grid实现二维布局，解决复杂页面布局问题。
- 形状与裁剪：
- 利用
clip-path属性创建复杂的形状和裁剪效果。 - 探讨
shape-outside属性，实现文字环绕不规则形状的效果。 - 混合与遮罩：
- 使用
mix-blend-mode属性实现图像和颜色的混合效果。 - 利用
mask属性进行图像遮罩，创建出有趣的视觉效果。 - 滤镜与效果：
- 讲解CSS滤镜（
filter属性），包括模糊、亮度、对比度、饱和度等效果。 - 利用滤镜创建出独特的视觉风格和艺术效果。
- 滚动与视图：
- 介绍如何控制滚动行为，如平滑滚动、自定义滚动条等。
- 讲解视口单位（vw、vh、vmin、vmax），实现响应式设计中的视口相关布局。
- 动画与过渡：
- 深入讲解CSS动画（
@keyframes）和过渡（transition）的用法，实现元素的动态效果。 - 探讨动画的性能优化和最佳实践。
- 字体与排版：
- 讲解如何选择和使用Web字体，包括字体堆栈、字体加载策略等。
- 介绍排版相关的CSS属性，如
line-height、letter-spacing等，优化文本的可读性。 - 可访问性与无障碍性：
- 强调CSS在提升网页可访问性和无障碍性方面的作用。
- 介绍如何使用CSS确保网站对不同能力用户的友好性，包括颜色对比度、字体大小调整等。
- 响应式设计与适配：
- 深入讲解响应式设计的原理和实现方法，包括媒体查询、流式布局等。
- 探讨如何适配不同设备和屏幕尺寸，确保网页在各种环境下的良好表现。
- 性能优化与调试：
- 提供CSS性能优化的建议和策略，如减少渲染阻塞、利用缓存等。
- 介绍CSS调试工具和技巧，帮助开发者快速定位和解决样式问题。