CSS ​

基本概念 ​

• CSS简介：层叠样式表（Cascading Style Sheets）的作用和基本原理。
• 引入CSS：内联样式、内部样式表、外部样式表。

选择器 ​

• 基本选择器：元素、类、ID选择器。
• 组合选择器：后代选择器、子选择器、相邻兄弟选择器。
• 属性选择器：基于元素属性的选择器。
• 伪类和伪元素：如 :hover, :first-child, ::before, ::after。

盒模型 ​

• 盒模型概念：margin, border, padding, content。
• box-sizing属性：content-box vs border-box。

布局技术 ​

• 浮动（Float）和清除浮动（Clearfix）。
• 定位（Positioning）：静态、相对、绝对、固定定位。
• Flexbox：灵活的盒状布局系统。
• CSS Grid：二维布局系统。

响应式设计 ​

• 媒体查询（Media Queries）：根据不同屏幕尺寸应用不同样式。
• 流体布局：使用百分比进行布局。
• 响应式图片和视频。

动画和变换 ​

• CSS动画：@keyframes和animation属性。
• CSS过渡（Transitions）。
• 2D和3D变换（Transform）。

高级主题 ​

• CSS预处理器：Sass, Less, Stylus。
• 模块化CSS：BEM（块元素修饰符）方法。
• CSS框架：Bootstrap, Tailwind CSS。

最佳实践 ​

• 代码组织和管理。
• 性能优化：减少重绘和重排。
• 跨浏览器兼容性。

资源 ​

• MDN Web Docs - 详尽的CSS文档和教程。
• CSS-Tricks - 提供CSS技巧和最佳实践。
• W3Schools CSS教程 - CSS基础和高级概念。