前端CSS学习框架

news/2024/9/24 19:01:07/

 ⭐️ 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/news/1529931.html

相关文章

排序算法Java实现

文章目录 排序算法概述比较排序算法非比较排序算法稳定 vs 不稳定Java 中的排序 外部排序1) 冒泡排序2) 选择排序3) 堆排序4) 插入排序5) 希尔排序6) 归并排序递归实现时间复杂度非递归实现 7) 归并插入8) 快速排序随机基准点处理重复值 9) 计数排序10) 桶排序11) 基数排序 排序…

Spring MVC 启动与请求处理流程解析

Spring MVC 是一个基于 Java 的实现 MVC 设计模式的 Web 框架,它是 Spring 框架的一个模块,用于构建 Web 应用程序。Spring MVC 的启动过程主要涉及以下几个步骤: (看流程图会比较直观一些) #mermaid-svg-KLVe3JEll2OL…

1466C/D/E/G/H信号发生器

1466C/D/E/G/H 信号发生器 频率范围:6kHz~110GHz 产品综述 Ceyear 1466系列信号发生器是一款面向微波毫米波尖端测试的通用测试仪器,频率范围覆盖宽、信号频谱纯度高,具有高准确度和大动态范围的功率输出,搭配单机双射频通道的…

手机上轻松解压并处理 JSON 文件

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,在手机上有着广泛的应用场景。 首先,在数据传输方面,许多移动应用程序通过网络请求与后端服务器进行交互,而服务器端的 API 接口通常使用 JS…

【补充篇】Davinci工具要求的dbc格式

1 简介 目前国内一般E/E架构使用的建模软件多为PREEvision、EnterPrise Architect、Rhapsody等,每个工具都有各自的优势,但对AUTOSAR的适配也不全都尽如人意。比方说,EA本身的输出物是XML格式,做通信系统设计的话需要基于C#做一定的二次开发来转换格式。虽然PREEvision支持…

【C/C++】涉及string类的经典OJ编程题

【C/C】涉及string类的经典OJ编程题 一. 把字符串转化成整数(atoi)解法一:(不用long)完整代码:解法二:(用long) 二.字符串相加代码实现(含注释)&a…

AutoX.js向后端传输二进制数据

android的JavaScript自动化软件用过Hamibot和AutoX.js 不过在向后端传输二进制数据时都有些限制,不如浏览器前端那么自由。Hamibot的http按文档应该时能支持传字节数组,但是实际上应该还没有支持。AutoX.js的http也是这样,但是AutoX.js还支持…

路由器全局配置DHCP实验简述

一、路由器配置 reset saved-configuration Warning: The action will delete the saved configuration in the device. The configuration will be erased to reconfigure. Continue? [Y/N]:y Warning: Now clearing the configuration in the device. Info: Succeeded in c…