了解 CSS Sprite 应用场景以及原理,学会利用 CSS3 Background 属性制作 CSS Sprite 优化页面性能
掌握 clip-path 属性的定义和运用
回顾以前编写代码,尝试用 CSS 变量和计数器重构你的代码,多多练习熟悉它们的用法
进行移动开发时的 HTML 及 CSS 实践
再次通过一个复杂的页面样式实现来实践前面几天学习到的 HTML 及 CSS 知识
充分应用上之前学习到的各种布局方式,尽可能几种方式都运用尝试一次,比较各种布局的适用场景
首先对前几节的内容进行复习。通过大量练习,来学习布局的各种方式。
通过创建一个瀑布流布局的图片库,更加熟练都应用几天学习的 CSS 知识进行布局
掌握在 web 页面中创建多列布局的方法
实现一个官网首页,加深对于 HTML、CSS 的实战能力,进一步深入学习掌握弹性盒子和网格布局
学习 grid 网格布局的概念 学习 CSS 网格中单位格基于线的定位方法
学习如何使用 srcset 以及 <picture> 元素,来实现网页中的响应式图片处理方法
理解响应式设计的基础概念以及历史
学习如何 flex 进行布局,学习如何根据屏幕宽度调整布局策略。
学习如何图片与父元素尺寸溢出时,如何调整背景图像也可以响应调整大小和缩放比例。
实践并掌握 CSS 如何有效地对 HTML 表格进行样式化
复习 CSS 盒模型及通过 Float 进行简单的布局,掌握 CSS 定位工作原理 掌握相对定位,绝对定位,固定定位,sticky 定位的原理,以及它们的应用场景
掌握常用 HTML 标签的含义、用法,基于设计稿来合理规划 HTML 文档结构,理解语义化,合理地使用 HTML 标签来构建页面
学习什么是 CSS,掌握基本的 CSS 基础概念,语法
学习并掌握盒模型基础概念,了解盒模型与替代模型的区别以及如何进行切换. 初步了解 CSS 布局内容,掌握正常布局流特点。