CSS基础学习路线

CSS的学习路线,以及样式属性，具体有CSS基础、CSS文本样式、CSS列表样式、CSS表格样式、CSS背景和渐变、CSS字体图标、CSS字体排版、CSS布局、CSS动画和过渡、CSS高级主题、CSS设计和调试、CSS样式表的加载和缓存、CSS模块化、CSS性能优化。

CSS基础学习路线

• CSS基础
  • 语法和选择器
  • 属性和值
  • 盒子模型
  • CSS样式的应用及规则的优先级
  • 媒体查询和响应式设计
• CSS文本样式
  • 字体属性
  • 文本属性
  • 颜色属性
  • 对齐属性
  • 文本阴影
• CSS列表样式
  • 列表属性
  • 列表样式
• CSS表格样式
  • 表格属性
  • 表格边框
  • 单元格样式
• CSS背景和渐变
  • 背景属性
  • 渐变颜色
  • 背景定位
  • 背景大小
• CSS字体图标
  • FontAwesome
  • Glyphicons
  • Icon fonts的优缺点
• CSS字体排版
  • 行高、字距和字重
  • 加粗和斜体
  • 文本装饰
  • word-break、letter-spacing等属性
• CSS布局
  • 相对定位和绝对定位
  • 浮动和清除浮动
  • 弹性布局
  • 网格布局
  • 多列布局
• CSS动画和过渡
  • 过渡的使用
  • 关键帧动画
  • JavaScript和CSS动画的比较
• CSS高级主题
  • 伪类和伪元素
  • CSS变量
  • CSS前缀和自动前缀
  • CSS预处理器
  • CSS框架
• CSS设计和调试
  • 设计基础
  • 浏览器开发者工具
  • CSS调试技巧和方法
• CSS样式表的加载和缓存
  • CSS文件的加载方式
  • 浏览器缓存CSS
  • 浏览器工作方式对CSS加载的影响
• CSS模块化
  • CSS的模块化原则
  • SMACSS、BEM、ACSS等模块化方案
• CSS性能优化
  • CSS自动化工具
  • 合并和压缩CSS文件
  • 减少样式规则和选择器的数量
  • 优化浏览器渲染性能