前端CSS学习框架

embedded/2024/12/22 19:57:06/

 ⭐️ 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博客


http://www.ppmy.cn/embedded/114556.html

相关文章

发现编程的全新境界——明基RD280U显示器使用体验

前言 在大学的四年里,我几乎每天都泡在实验室,盯着电脑屏幕,一行行地码代码。那时,学校提供的显示器是非常基础的款式,功能简单,几乎没有任何特别之处,甚至配置也比较低。那个时候,…

STM32 定时器 输入捕获

定时器输入捕获 1 工作原理1.1 单个通道的工作原理 2 输入滤波2.1 输入滤波原理 3 边沿检测3.1 边沿检测3.2 信号选择 4 分频5 通道使能 1 工作原理 1.1 单个通道的工作原理 2 输入滤波 2.1 输入滤波原理 fck_INT:内部时钟频率,当PCLKx_Pre为1时&…

SaltStack的state定义主机状态及Jinja模版的使用

在前面我们学习了远程执行模块,这些模块的执行类似语段 she11 脚本,每次执行都会触发一次相同的功能,在大量的 minion 上运行远程命令当然是重要的,但是对于 minion 的环境控制,使用状态进行管理更为合适,转…

在泰国旅游不会口语怎么办?求推荐翻译软件!!!

如果在泰国旅游时遇到语言障碍,可以采取以下措施:学习一些基础的泰语短语,使用翻译应用程序,携带翻译卡片,利用身体语言,参加有导游的旅行团,选择提供中文服务的酒店和旅行社,使用地…

OpenHarmony(鸿蒙南向开发)——小型系统内核(LiteOS-A)【内核启动】

往期知识点记录: 鸿蒙(HarmonyOS)应用层开发(北向)知识点汇总 鸿蒙(OpenHarmony)南向开发保姆级知识点汇总~ 子系统开发内核 轻量系统内核(LiteOS-M) 轻量系统内核&#…

【CUDA编程基础】第三章 CUDA程序的基本框架

第零章 资料 谭升_CUDA基础_博客 权双_CUDA编程基础入门系列_视频 MAhaitao999_CUDA书籍_pdf 对应的 CUDA编程书本目录 龚大的杂货铺_从上帝视角看GPU_视频 temp:【C】CUDA期末复习指南上(详细)_cuda c 结构体-CSDN博客 【C】CUDA期末复习指南下&am…

OpenAI API key not working in my React App

题意:OpenAI API 密钥在我的 React 应用中不起作用 问题背景: I am trying to create a chatbot in my react app, and Im not able to generate an LLM powered response. Ive been studying documentation and checking out tutorials but am unable …

小小扑克牌算法

1.定义一个扑克牌类Card: package democard; public class Card {public String suit;//表示花色public int rank;//表示牌点数Overridepublic String toString() {return "{"suit rank"}";}//实例方法,初始化牌的点数和花色public…