走近前端css | 青训营笔记

61 阅读1分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第2天

今日学习走进前端技术栈 - CSS - 掘金 (juejin.cn) CSS 作为前端技术栈中关键一环,对页面元素及样式呈现起到了直接作用。本节课旨在通过对 CSS 的工作流程及原理、页面中 CSS 使用方法等详细解读,帮助前端新手建立对 CSS 的全面而深刻的认知。

深入CSS (上) - 掘金 (juejin.cn)在了解 CSS 基本原理后,本节课进一步深入讨论,通过具体案例对于选择器的特异度展开讲解,在此基础上进一步引出 CSS 继承与布局的话题,对其定义及相关技术分别作出介绍。

深入CSS (下) - 掘金 (juejin.cn) 本节课主要围绕盒模型中行“行级”与“块级”这两种常见的布局结构展开,讲解其基本定义、各自特征、工作属性和排版规则,提供业内操作思路,帮助同学强化 CSS 实战技能。

本节课学习

CSS 的概念和工作原理 CSS 选择器 伪类

设置文本样式

权重

css布局

flex布局

grid布局

  1. CSS 代码构成
  2. CSS 使用方法
  3. CSS 流程之选择器组、文本渲染
  4. 调试 CSS1. CSS 选择器的特异度
  5. CSS 继承
  6. CSS 求值过程解析
  7. CSS 布局方式及相关技术
    1. CSS 盒模型 - 行级
  8. CSS 盒模型 - 块级
  9. id选择器(#+id名) 类选择器(.+类名)

了解 CSS 的概念和工作原理、各种 CSS 选择器以及盒模型和常用的布局方式。

文章