对CSS了解哪些？
CSS（Cascading Style Sheets，层叠样式表）是用来描述HTML文档外观和布局的语言。以下是对CSS的常见了解范围：
1. CSS 基础
-
选择器：如通用选择器 (
*)、类型选择器、类选择器 (.class)、ID选择器 (#id)、后代选择器、伪类（:hover、:nth-child()）等。 -
属性与值：如
color、background-color、font-size、margin、padding等。 -
盒模型：包括
content、padding、border、margin。 -
层叠规则：如样式优先级、继承、重要性（
!important）。
2. 布局
-
浮动 (float)：用于创建简单布局。
-
Flexbox：用于一维布局，属性包括
display: flex、justify-content、align-items等。 -
Grid：用于二维布局，属性包括
grid-template-rows、grid-template-columns等。 -
定位 (Positioning)：如
static、relative、absolute、fixed和sticky。
3. 响应式设计
-
媒体查询：
@media用于根据设备尺寸和特性调整样式。 -
弹性单位：如百分比 (
%)、em、rem、vh、vw等。 -
Flexbox 和 Grid 的自适应能力。
-
CSS 框架：如 Bootstrap、Tailwind CSS，常用来快速实现响应式布局。
4. 高级特性
-
动画与过渡：如
transition、transform、keyframes。 -
CSS 变量：
--main-color: #333;和var(--main-color)。 -
伪元素：如
::before和::after。 -
阴影：
box-shadow和text-shadow。 -
滤镜：
filter属性可以实现模糊、对比度调整等效果。
5. 现代 CSS 技术
-
CSS-in-JS：如 styled-components、Emotion。
-
Tailwind CSS 和 Atomic CSS：快速开发样式。
-
CSS Houdini：用于扩展 CSS 的功能。
-
Clamp 函数：
clamp()用于设置响应式值。
6. 浏览器兼容性
-
熟悉不同浏览器的兼容性问题，使用工具（如 Can I Use）查询。
-
使用
prefix（如-webkit-）处理旧版浏览器的兼容性。
7. 性能优化
-
减少冗余样式。
-
优化渲染性能，避免使用高开销的选择器。
-
使用现代 CSS 特性代替 JS 动画，提升性能。
你对这些内容中哪部分更感兴趣，或者有想深入了解的内容吗？
相关文章：
对CSS了解哪些？
CSS（Cascading Style Sheets，层叠样式表）是用来描述HTML文档外观和布局的语言。以下是对CSS的常见了解范围： 1. CSS 基础 选择器：如通用选择器 (*)、类型选择器、类选择器 (.class)、ID选择器 (#id)、后代选择器、伪类…...
使用 Docker-compose 部署 MySQL
使用 Docker Compose 部署 MySQL 本文将详细指导如何使用 docker-compose 部署 MySQL，包括基本配置、启动步骤、数据持久化以及一些高级选项。通过容器化部署 MySQL，你可以快速搭建一个隔离的数据库环境，适用于开发、测试或小型生产场景。 关…...
)
【C语言】指针(5)
前言：上篇文章的末尾我们使用了转移表来解决代码冗余的问题，那我们还有没有什么办法解决代码冗余呢？有的这就是接下来要说的回调函数。 往期文章: 指针1 指针2 指针3 指针4 文章目录 一，回调函数二，qsort实现快速排序1…...
go～为什么会有json.Number这种类型存在
解决 JSON 数值类型的不确定性 在 JSON 格式里，数值类型没有明确区分整数和浮点数，一个数值可能是整数（如 123），也可能是浮点数（如 123.45）。而在 Go 语言中，整数（如 in…...
Jmeter连接数据库、逻辑控制器、定时器
Jmeter直连数据库 直接数据库的使用场景 直连数据库的关键配置 添加MYSQL驱动Jar包 方式一：在测试计划面板点击“浏览”按钮，将你的JDBC驱动添加进来 方式二：将MySQL驱动jar包放入到lib/ext目录下，重启JMeter 配置数据库连接信…...
DeepSeek智能测试助手：分类+推理+导出一站式工具
前言 测试开发工程师在日常工作中需要处理大量测试文档，并且这些文档需要被高效分类、清洗和管理，同时结合强大的 AI 推理能力（如 DeepSeek 模型）进行智能化处理和分析。为此，我们开发了一款基于 PyQt5 的 GUI 工具&a…...
20250220找回Ubuntu22.04中丢失的文件管理器
20250220找回Ubuntu22.04中丢失的文件管理器 2025/2/20 18:05 在Ubuntu20.04.6中 生产服务器上 强制安装deb安装包的时候，把 桌面显示搞丢了。 Ubuntu的桌面用得少，但是没有还是挺不方便的，一通操作，桌面回来了。还是有很多/不少功…...
与物理层(PHY)芯片(KSZ8081RNB)连接的原理图分析(包含各引脚说明以及工作原理))
IMX6ULL的公板的以太网控制器(MAC)与物理层(PHY)芯片(KSZ8081RNB)连接的原理图分析(包含各引脚说明以及工作原理)
目录 什么叫以太网？它与因特网有何区别？公板实现以太网的原理介绍(MII/RMII协议介绍)公板的原理图下载地址公板中IMX6ULL处理器与MAC(以太网控制器)有关的原理图IMX6ULL处理器的MAC引脚说明1. **ENET1_TX_DATA0**2. **ENET1_TX_DATA1**3. **ENET1_TX_EN*…...
一周学会Flask3 Python Web开发-request请求对象与url传参
锋哥原创的Flask3 Python Web开发 Flask3视频教程： 2025版 Flask3 Python web开发 视频教程(无废话版) 玩命更新中~_哔哩哔哩_bilibili request请求对象封装了从客户端发来的请求报文信息，我们可以从中获取所有数据。 request对象包含的常用属性&…...
2024年国赛高教杯数学建模C题农作物的种植策略解题全过程文档及程序
2024年国赛高教杯数学建模 C题 农作物的种植策略 原题再现 根据乡村的实际情况，充分利用有限的耕地资源，因地制宜，发展有机种植产业，对乡村经济的可持续发展具有重要的现实意义。选择适宜的农作物，优化种植策略&…...
)
WEB前端将指定DOM生成图片并下载最佳实践(html2canvas)
前言： html2canvas 是一个 JavaScript 库，其主要作用是将 HTML 元素或其部分内容渲染为 Canvas 图像。通过它，开发者可以将网页中的任意 DOM 元素（包括文本、图片、样式等）转换为图片格式（如 PNG 或 JPEG&…...
C# 十六进制字符串转换为十进制
在 C# 中，将十六进制（Hexadecimal）字符串转换为十进制（Decimal）整数非常简单。以下是几种常见的方法： 方法 1: 使用 Convert.ToInt32 Convert.ToInt32 方法可以直接将十六进制字符串转换为十进制整数。 示…...
第4章 信息系统架构（三）
4.3 应用架构 应用架构的主要内容是规划出目标应用分层分域架构，根据业务架构规划目标应用域、应用组和目标应用组件，形成目标应用架构逻辑视图和系统视图。从功能视角出发，阐述应用组件各自及应用架构整体上，如何实现组织的高阶…...
Qt 保留小数点 固定长度 QString 格式化
QString的arg()函数格式化输出double类型数值，包括fieldWidth、fmt、prec和fillChar参数的作用。示例代码展示了如何设置精度和填充字符，以及字段宽度的影响。文中提到，当fieldWidth小于实际长度时，前面的填充不会被截断。此外&am…...
亲测可用，IDEA中使用满血版DeepSeek R1！支持深度思考！免费！免配置！
作者：程序员 Hollis 之前介绍过在IDEA中使用DeepSeek的方案，但是很多人表示还是用的不够爽，比如用CodeChat的方案，只支持V3版本，不支持带推理的R1。想要配置R1的话有特别的麻烦。 那么，今天，给…...
AI训练中的常用指令
以下是一些常用于深度学习训练的 Linux 指令，可以帮助你高效管理和执行训练任务： 文件管理 查看当前目录内容：ls进入目录：cd 路径/到/目录创建新目录：mkdir 新目录名称删除文件或目录： 删除文件ÿ…...
电感器市场报告：未来几年年复合增长率CAGR为14.3%)
汽车同轴供电(PoC)电感器市场报告：未来几年年复合增长率CAGR为14.3%
汽车同轴供电（PoC）系统旨在通过同轴电缆传输电力和数据。 该技术适用于各种汽车应用，如摄像头系统、传感器和其他需要通过单根电缆传输电力和数据的车载设备。 汽车 PoC 系统中的电感器有多种用途，包括能量存储：电感器…...
C++中间件DDS介绍
C DDS 库简介 DDS（Data Distribution Service） 是一种用于实时分布式系统通信的中间件标准，由 OMG（Object Management Group） 提出。它是一种发布/订阅（Publish/Subscribe）模式的数据通信框架&…...
强化学习笔记
强化学习的总体目标：寻找最优策略。 关键名词 智能体（Agent） 状态（State）：智能体相对于环境的状态 s ∈ S s∈S s∈S 状态空间（State space）：把所有状态放在一起&…...
【个人记录】openEuler安装K3S并配置为GPU节点
前言 国内网络环境特殊，在线安装比较麻烦，K3S采用离线安装方式进行部署。 安装整体思路是： 安装GPU驱动安装CUDA工具安装nvidia容器运行时安装K3S设置K3S使用GPU 基础环境 采用All In One方式（其实只有一张GPU卡）部…...
SpringAI系列 - ToolCalling篇（二） - 如何设置应用侧工具参数ToolContext（有坑）
目录 一、引言二、集成ToolContext示例步骤1： 在`@Tool`标注的工具方法中集成`ToolConext`参数步骤2：`ChatClient`运行时动态设置`ToolContext`参数三、填坑一、引言 在使用AI大模型的工具调用机制时，工具参数都是由大模型解析用户输入上下文获取的，由大模型提供参数给本地…...
Linux系统中常见的词GNU是什么意思？
GNU 是 “GNU’s Not Unix” 的递归缩写，它是一个自由软件项目，旨在创建一个完全自由的操作系统。这个名字反映了GNU项目的核心理念：它试图创建一个类Unix的系统，但不是Unix本身。 GNU 项目由 理查德斯托曼（Richard S…...
Revit API：对元素过滤的三点思考
一、为什么要对元素进行过滤？ 提高效率：Revit模型可能包含成千上万的元素，直接对所有元素进行操作会非常耗时。通过过滤，可以只选择需要处理的元素，从而提高代码的执行效率。 精准控制：通过过滤࿰…...
)
计算机毕业设计Python农产品推荐系统 农产品爬虫 农产品可视化 农产品大数据(源码+LW文档+PPT+讲解)
温馨提示：文末有 CSDN 平台官方提供的学长联系方式的名片！ 温馨提示：文末有 CSDN 平台官方提供的学长联系方式的名片！ 温馨提示：文末有 CSDN 平台官方提供的学长联系方式的名片！ 作者简介：Java领…...
计算机网络之TCP的可靠传输
上一篇内容可能比较多，显得比较杂乱，这一篇简单总结一下TCP是靠什么实现可靠传输的吧。 校验和 TCP是端到端的传输，由发送方计算校验和，接收方进行验证，目的是为了验证TCP首部和数据在发送过程中没有任何改动&#x…...
linux 驱动编程配置（minis3c2440）
1.介绍 1. 启动过程：启动u-boot------>>启动linux内核----->>挂载根文件系统 2. uboot是一个裸机程序，是一个bootloader，用于启动linux系统以及系统初始化 ubootloader主要完成了哪些任务：1. 初始化异常向量表&a…...
数据库基础1
MySQL在C语言中的操作步骤 C语言操作MySQL的基本流程如下： 引入MySQL头文件初始化MySQL连接连接到MySQL服务器执行SQL语句获取查询结果处理查询结果释放结果集和连接 数据库中有哪些约束规则 1.主键约束 promary key 具有唯一且非空 2.外键约束 foreign key 3.非…...
Redis文档总结
文档：https://redis.com.cn/topics/why-use-redis.html 1.我们为什么一定要用 Redis 呢？ 速度快，完全基于内存，使用 C 语言实现，网络层使用 epoll 解决高并发问题，单线程模型避免了不必要的上下文切换及竞争…...
论文笔记（七十二）Reward Centering（二）
Reward Centering（二） 文章概括摘要2 简单的奖励中心 文章概括 引用： article{naik2024reward,title{Reward Centering},author{Naik, Abhishek and Wan, Yi and Tomar, Manan and Sutton, Richard S},journal{arXiv preprint arXiv:2405.0…...
25年2月通信基础知识补充：多普勒频移与多普勒扩展、3GPP TDL信道模型
看文献过程中不断发现有太多不懂的基础知识，故长期更新这类blog不断补充在这过程中学到的知识。由于这些内容与我的研究方向并不一定强相关，故记录不会很深入请见谅。 【通信基础知识补充7】25年2月通信基础知识补充1 一、多普勒频移与多普勒扩展傻傻分不…...
ASUS/华硕无畏16 X1605VA 原厂Win11 22H2系统 工厂文件 带ASUS Recovery恢复
华硕工厂文件恢复系统 ，安装结束后带隐藏分区，带一键恢复，以及机器所有的驱动和软件。 支持型号：X1605VA 系统版本：Windows 11 22H2 文件下载：点击下载 文件格式：工厂文件 安装教程&#x…...
DeepSeek赋能智慧文旅：新一代解决方案，重构文旅发展的底层逻辑
DeepSeek作为一款前沿的人工智能大模型，凭借其强大的多模态理解、知识推理和内容生成能力，正在重构文旅产业的发展逻辑，推动行业从传统的经验驱动向数据驱动、从人力密集型向智能协同型转变。 一、智能服务重构：打造全域感知的智…...
自学FOC系列分享--SVPWM和clark 逆变换及代码实战
自学FOC系列分享--SVPWM和clark 逆变换 1 说在前面2 回顾clarke 和 park的变换和逆变换2.1 概述2.2 公式说明 3 SVPWM是如何写的3.1 简单说明3.2 重要对比 4、代码实战4.1 代码构成说明4.2 全部代码4.3 测试代码4.4 测试结果4.5 结果分析 总结 1 说在前面 如前一篇文章所述的系…...
LeetCode-524. 通过删除字母匹配到字典里最长单词
1、题目描述： 给你一个字符串 s 和一个字符串数组 dictionary ，找出并返回 dictionary 中最长的字符串，该字符串可以通过删除 s 中的某些字符得到。 如果答案不止一个，返回长度最长且字母序最小的字符串。如果答案不存在&#x…...
浅谈网络 | 容器网络之Cilium
目录 Cilium介绍Cilium是什么Cilium 主要功能特性为什么用Cilium？ 功能概述组件概况BPF 与 XDPeBPF (Extended Berkeley Packet Filter)XDP (eXpress Data Path) Cilium介绍 Cilium是什么 Cilium 是一个开源网络和安全项目，专为 Kubernetes、Docker 和…...
armv7l
在 **ARMv7l** 中，最后的字符是字母 **“l”**（小写字母 “L”），而不是数字 **“1”**。 --- ### 1. **ARMv7l 的含义** - **ARMv7**：指的是 **ARM 架构的第 7 代版本**，是一种广泛应用于嵌入式系统&…...
从零开始构建一个小型字符级语言模型的完整详细教程（基于Transformer架构）
最近特别火的DeepSeek，是一个大语言模型，那一个模型是如何构建起来的呢？DeepSeek基于Transformer架构，接下来我们也从零开始构建一个基于Transformer架构的小型语言模型，并说明构建的详细步骤及内部组件说明。我们以构建一个字符级语言模型（Char-Level LM）为例，目标是通…...
期权帮｜股指期货交割日为啥会大跌？
锦鲤三三每日分享期权知识，帮助期权新手及时有效地掌握即市趋势与新资讯！ 股指期货交割日为啥会大跌？ 股指期货交割日股市可能会大跌，主要原因有以下几点： 1.交割日时多空双方需要平仓或转仓，若多头急于平仓…...
B树和B+树
1. B树 1.1 定义 B树是一种多路平衡查找树，具有以下性质： 每个节点最多包含 m 个子节点（m 阶 B树）。 根节点至少有两个子节点（除非它是叶子节点）。 每个内部节点（非根和非叶子节点ÿ…...
分布式事务核心理论：CAP与BASE
一、引言：分布式系统的挑战 在互联网应用中，随着业务规模的扩大，单机数据库已无法满足高并发和海量数据存储需求。分布式系统将数据拆分到不同节点，但随之带来了数据一致性的难题。CAP与BASE理论为分布式事务提供了重要的设计指导…...
【UCB CS 61B SP24】Lecture 4 - Lists 2: SLLists学习笔记
本文内容为重写上一节课中的单链表，将其重构成更易于用户使用的链表，实现多种操作链表的方法。 1. 重构单链表SLList 在上一节课中编写的 IntList 类是裸露递归的形式，在 Java 中一般不会这么定义，因为这样用户可能需要非常了解…...
记录一个ES分词器不生效的解决过程
问题背景 商城项目,其中商品查询检索使用的是ES, 但存在某些商品查询不到的问题 例如:某商品名包含AA_BBB这样的关键词,但是搜索"AA"不能查询到该商品,但是将商品名修改为AA BBB后就能查询到了. 怀疑是分词的问题,但看代码,在创建ES索引时在对应字段上也定义了分词器…...
Jeecg+vue3去掉JInput组件默认模糊查询的配置方式
遇见的问题：input查询带**号 情况1、使用schemas配置的表单项 添加type""属性，默认type为like，去掉模糊则配置为空 文档链接 jeecg文档说明JInput 2、直接调用组件则在属性上直接添加type""属性...
Could not initialize class io.netty.util.internal.Platfor...
异常信息： Exception in thread "main" java.lang.NoClassDefFoundError: Could not initialize class io.netty.util.internal.PlatformDependent0 Caused by: java.lang.ExceptionInInitializerError: Exception java.lang.reflect.InaccessibleObjec…...
什么是业务流程分类框架
业务流程分类框架是一个用于组织和系统化地分类业务流程的结构化方法。它旨在帮助企业理解、管理、分析和改进其运营流程。 可以把它想象成一个图书馆的图书分类系统，帮助快速找到和理解不同类型的书籍。对于业务流程来说，分类框架帮助快速了解不同类型的…...
向量的点乘的几何意义
源自AI 向量的点乘（Dot Product）在几何和图形学中有重要的意义。它不仅是数学运算，还可以用来描述向量之间的关系。以下是点乘的几何意义及其应用： 1. 点乘的定义 对于两个向量 a 和 b，它们的点乘定义为：…...
达梦数据库应用开发_JDBC接口介绍_yxy
达梦数据库应用开发_JDBC接口介绍 1 JDBC是什么？2 JDBC主要类或接口介绍2.1 建立与 DM 数据库的连接2.2 转接发送 SQL 语句到数据库2.3 处理并返回语句执行结果 3 JDBC基本使用3.1 前期准备3.2 增删改查代码示例3.3 绑定变量操作示例3.4 大字段操作示例 1 JDBC是什么…...
在ubuntu上用Python的openpyxl模块操作Excel的案例
文章目录 安装模块读取Excel数据库取数匹配数据和更新Excel数据 在Ubuntu系统的环境下基本职能借助Python的openpyxl模块实现对Excel数据的操作。 安装模块 本次需要用到的模块需要提前安装(如果没有的话) pip3 install openpyxl pip3 install pymysql在操作前，需…...
RabbitMQ介绍以及基本使用
文章目录 一、什么是消息队列？ 二、消息队列的作用（优点） 1、解耦 2、流量削峰 3、异步 4、顺序性 三、RabbitMQ基本结构 四、RabbitMQ队列模式 1、简单队列模式 2、工作队列模式 3、发布/订阅模式 4、路由模式 5、主题模式 6、…...
搭建 Hadoop 3.3.6 伪分布式
搭建 Hadoop 3.3.6 伪分布式 IP 192.168.157.132 初始化操作 更改yum源 # 1_1.安装Wget yum install wget# 1_2.备份CentOS-Base.repo文件 mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo_bak# 2.下载阿里yum源配置 wget -O /etc/yum.repos.d/Cen…...