前端CSS学习框架

⭐️ CSS

• 💬 描述：层叠样式表，用于设计风格和布局。

• 📚 资源：学习使用 CSS 为 HTML 添加样式 - 学习 Web 开发 | MDN

• ⭐️ 基本语法

• ⭐️ 引入方式

  • 行内样式

  • 内部样式表

  • 外部样式表

• ⭐️ 选择器

  • 通用选择器

  • 标签选择器

  • id 选择器

  • class 选择器

  • 属性选择器

  • 派生选择器

    • 后代选择器

    • 子元素选择器

    • 相邻兄弟选择器

  • 组合选择器

  • 伪选择器

  • 选择器优先级

CSS详解-CSDN博客

• ⭐️ 属性

  • 单位

    • px

    • em

    • rem

    • vw

    • vh

  • 背景

  • 文本

  • 字体

  • 列表

  • 表格

• ⭐️ 文档流

  • 标准流

  • 浮动流

  • 定位流

• ⭐️ 内联元素 / 块状元素

• ⭐️ 盒子模型

  • content

  • padding

  • border

  • margin

• ⭐️ 浮动

  • 设置浮动 float

  • 清除浮动 clear

• ⭐️ 定位

  • static

  • absolute

  • fixed

  • relative

  • sticky

• ⭐️ 层叠规则

• ❗ BFC 和 IFC 机制

• CSS3

  • ⭐️ 响应式布局

    • 媒体查询

    • Flex 布局

    • Grid 布局

    • 瀑布流

  • 动画

  • 过渡

  • 渐变

  • 背景

  • 边框

  • 圆角

  • 字体

  • 2D / 3D 转换

CSS详解_css csdn-CSDN博客

CSS学习路线-CSDN博客

Vue中CSS动态样式绑定_vue动态绑定css-CSDN博客

前端面试CSS常见题目-CSDN博客

前端CSS学习框架-CSDN博客

CSS3【待总结学习】-CSDN博客