[ Day02 走进前端技术栈-CSS | 青训营笔记]

wsj_aaa
55 阅读1分钟

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

一、本堂课重点内容：

  • CSS 概述
  • CSS 选择器
  • 设置文本样式
  • CSS 工作原理
  • CSS 布局
    • 盒模型
    • Flex 布局
    • Grid
    • 定位

二、详细知识点介绍：

CSS是什么

image.png

在页面中使用CSS的3种方式

不推荐的是第三种内联这种形式，会显得文章样式比较杂乱

image.png

CSS是怎样工作的

image.png

选择器

image.png

image.png

image.png

image.png

image.png

image.png

选择器的组合效果

image.png

颜色RGB

image.png

image.png

image.png

image.png

字体 font-family

image.png

通用字体

image.png

image.png

image.png

image.png

深入CSS

image.png
根据特异度大小来判断具体是执行哪条规则 image.png

image.png

image.png

image.png

image.png

image.png

image.png

块级元素和行级元素

image.png

image.png 三、课后个人总结：

image.png

avatar
文章
阅读
粉丝