当前位置：首页 > news >正文

【web前端】CSS样式

news 2025/9/14 14:48:18

CSS应用方式

在标签

<h2 style="color: aquamarine">hello world!</h2>

在head标签中写style标签

<head><meta charset="UTF-8"><title>Title</title><style>.c1{height: 100px;}.c2{height: 200px;color: aqua;}</style>
</head>
<body><h1 class="c1">用户列表</h1><h1 class="c2">用户列表</h1></body>

写到文件

文件：

.c1{height: 100px;
}
.c2{height: 200px;color: aqua;
}

html:

<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="com.css"></head>
<body><h1 class="c1">用户列表</h1><h1 class="c2">用户列表</h1>

选择器

类选择器

.c1{color: pink;
}

<h1 class="c1">乒乓球</h1>

ID选择器

#c2{height: 100px;
}

<h2 ID="c2">羽毛球</h2>

标签选择器

li{color: aquamarine;
}

<ul><li>篮球</li><li>排球球</li>
</ul>

属性选择器

input[type='text']{border: 1px;color: chocolate;
}

<input type="text">
<input type="password">

后代选择器

.yy li{color: blue;
}

<div class="yy"><ul><li>中国</li><li>美食</li></ul>
</div>

多个样式和覆盖

覆盖顺序是按照style中的顺序来的， <div class="c2 c1">中国移动</div>和 <div class="c1 c2">中国移动</div>是一样的效果

<head><meta charset="UTF-8"><title>Title</title><style>.c1{color: blue;border: 1px solid red;}.c2{font-size: 20px;color: aqua;}</style>
</head>
<body><div class="c1 c2">中国移动</div>
</body>

【web前端】CSS样式

CSS应用方式在标签 <h2 style"color: aquamarine">hello world!</h2> 在head标签中写style标签 <head><meta charset"UTF-8"><title>Title</title><style>.c1{height: 100px;}.c2{height: 200px;color: aqua;…...

编程日记 2024/6/10 19:00:47

【ARM Cache 与 MMU 系列文章 7.7 – ARMv8/v9 MMU Table 表分配原理及其代码实现 1】

请阅读【ARM Cache 及 MMU/MPU 系列文章专栏导读】及【嵌入式开发学习必备专栏】文章目录 MMU Table 表分配原理及其代码实现虚拟地址空间 Region的配置系统物理地址位宽获取汇编代码实现MMU Table 表分配原理及其代码实现假设当前系统中需要映射多个region，其中第一个要映…...

编程日记 2024/6/10 18:59:47

AIGC之MetaHuman：HeyGen(基于AI驱动的视频生成平台+数字人)的简介、安装和使用方法、案例应用之详细攻略

AIGC之MetaHuman：HeyGen(基于AI驱动的视频生成平台数字人)的简介、安装和使用方法、案例应用之详细攻略目录 HeyGen的简介 1、HeyGen是一款AI视频生成平台，它提供以下关键功能： HeyGen的安装和使用方法 1、使用方法 01创建或选择一个头…...

编程日记 2024/6/10 18:58:45

6.7-6.10作业

1. /*1.使用switch实现银行系统，默认用户为A，密码为1234，余额2000 如果登录失败，则直接结束如果登录成功，则显示银行页面 1.查询余额 2.取钱 3.存钱如果是1，则打印余额如果是2，则输入取钱金…...

编程日记 2024/6/10 18:57:45

【Redis】Redis经典问题：缓存穿透、缓存击穿、缓存雪崩

目录缓存的处理流程缓存穿透解释产生原因解决方案1.针对不存在的数据也进行缓存2.设置合适的缓存过期时间3. 对缓存访问进行限流和降级4. 接口层增加校验5. 布隆过滤器原理优点缺点关于扩容其他使用场景SpringBoot 整合布隆过滤器缓存击穿产生原因解决方案1.设置热点数据永不…...

编程日记 2024/6/10 18:56:43

从GPU到ASIC，博通和Marvell成赢家

ASIC市场上，博通预计今年AI收入将达到110亿美元以上，主要来自与Google和Meta的合作；Marvell预计2028年AI收入将达到70亿至80亿美元，主要来自与Amazon和Google的合作。随着芯片设计和系统复杂性的增加，科技大厂将更多地…...

编程日记 2024/6/10 18:55:43

【java问答小知识6】一些Java基础的知识，用于想学习Java的小伙伴们建立一些简单的认知以及已经有经验的小伙伴的复习知识点

请解释Java中的双亲委派模型是什么？ 回答：双亲委派模型是Java类加载机制的核心原则，它确保所有类加载器在尝试加载一个类之前，都会委托给它的父类加载器。 Java中的类路径（Classpath）是什么？ 回…...

编程日记 2024/6/10 18:54:41

数学建模笔记

数学建模定义角度数学模型是针对参照某种事物系统的特征或数量依存关系，采用数学语言，概括地或近似地表述出的一种数学结构，这种数学结构是借助于数学符号刻画出来的某种系统的纯关系结构。从广义理解，数学模型包括数学中的各…...

编程日记 2024/6/10 18:53:41

shell编程（三）—— 控制语句

程序的运行除了顺序运行外，还可以通过控制语句来改变执行顺序。本文介绍bash的控制语句用法。一、条件语句 Bash 中的条件语句让我们可以决定一个操作是否被执行。结果取决于一个包在[[ ]]里的表达式。 bash中的检测命令由[[]]包起来，用于检测一个条…...

编程日记 2024/6/10 18:52:40

反射学习记

Java 中的反射是什么意思？有哪些应用场景？ 每个类都有⼀个 Class 对象，包含了与类有关的信息。当编译⼀个新类时，会产生一个同名的 .class 文件，该⽂件内容保存着 Class 对象。类加载相当于 Class 对象的加载&a…...

编程日记 2024/6/10 18:51:39

使用Python操作Redis

大家好，在当今的互联网时代，随着数据量和用户量的爆发式增长，对于数据存储和处理的需求也日益增加。Redis作为一种高性能的键值存储数据库，以其快速的读写速度、丰富的数据结构支持和灵活的应用场景而备受青睐。本文将介绍Redis数…...

编程日记 2024/6/10 18:50:37

Vue-CountUp-V2 数字滚动动画库

安装： $ npm install --save countup.js vue-countup-v2示例如下： <template><div class"iCountUp"><ICountUp:delay"delay":endVal"endVal":options"options"ready"onReady"/>&…...

编程日记 2024/6/10 18:49:36

C语言详解（文件操作）1

Hi~！这里是奋斗的小羊，很荣幸您能阅读我的文章，诚请评论指点，欢迎欢迎 ~~ 💥💥个人主页：奋斗的小羊 💥💥所属专栏：C语言 🚀本系列文章为个人学习…...

编程日记 2024/6/10 18:48:35

Python Requests库详解

大家好，在现代网络开发中，与Web服务器进行通信是一项至关重要的任务。Python作为一种多才多艺的编程语言，提供了各种工具和库来简化这一过程。其中，Requests库作为Python中最受欢迎的HTTP库之一，为开发人员提供了简单而…...

编程日记 2024/6/10 18:47:34

Kafka 详解：全面解析分布式流处理平台

Kafka 详解：全面解析分布式流处理平台 Apache Kafka 是一个分布式流处理平台，主要用于构建实时数据管道和流式应用。它具有高吞吐量、低延迟、高可用性和高可靠性的特点，广泛应用于日志收集、数据流处理、消息系统、实时分析等场景。 &…...

编程日记 2024/6/10 18:46:33

RabbitMQ系列-rabbitmq无法重新加入集群，启动失败的问题

当前存在3个节点：rabbitmq5672、rabbitmq5673、rabbitmq5674 当rabbitmq5673节点掉线之后，重启失败重启的时候5672节点报错如下： 解决方案在集群中取消失败节点 rabbitmqctl forget_cluster_node rabbitrabbitmq5673删除失败节点5673的…...

编程日记 2024/6/10 18:45:31

postgresql之翻页优化

列表和翻页是所有应用系统里面必不可少的需求，但是当深度翻页的时候，越深越慢。下面是几种常用方式准备工作 CREATE UNLOGGED TABLE data (id bigint GENERATED ALWAYS AS IDENTITY,value double precision NOT NULL,created timestamp with time zon…...

编程日记 2024/6/10 18:44:30

小白学Linux | 日志排查

一、windows日志分析在【运行】对话框中输入【eventvwr】命令，打开【事件查看器】窗口，查看相关的日志管理员权限进入PowerShell 使用Get-EventLog Security -InstanceId 4625命令，可获取安全性日志下事件 ID 为 4625（失败登…...

编程日记 2024/6/10 18:43:26

Spring6

一概述 1.1、Spring是什么？ Spring 是一款主流的 Java EE 轻量级开源框架 ，Spring 由“Spring 之父”Rod Johnson 提出并创立，其目的是用于简化 Java 企业级应用的开发难度和开发周期。Spring的用途不仅限于服务器端的开发。从简单性、可测…...

编程日记 2024/6/10 18:42:25

数字孪生概念、数字孪生技术架构、数字孪生应用场景，深度长文学习

一、数字孪生起源与发展 1.1 数字孪生产生背景数字孪生的概念最初由Grieves教授于2003年在美国密歇根大学的产品全生命周期管理课程上提出，并被定义为三维模型，包括实体产品、虚拟产品以及二者间的连接，如下图所示： 2011年&…...

编程日记 2024/6/10 18:41:24

Cursor实现用excel数据填充word模版的方法

cursor主页：https://www.cursor.com/ 任务目标：把excel格式的数据里的单元格，按照某一个固定模版填充到word中文章目录注意事项逐步生成程序1. 确定格式2. 调试程序注意事项直接给一个excel文件和最终呈现的word文件的示例，…...

编程新知 2025/8/23 5:46:26

边缘计算医疗风险自查APP开发方案

核心目标：在便携设备（智能手表/家用检测仪）部署轻量化疾病预测模型，实现低延迟、隐私安全的实时健康风险评估。一、技术架构设计 #mermaid-svg-iuNaeeLK2YoFKfao {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg…...

编程新知 2025/9/13 17:47:21

Qt Widget类解析与代码注释

#include "widget.h" #include "ui_widget.h"Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget) {ui->setupUi(this); }Widget::~Widget() {delete ui; }//解释这串代码，写上注释当然可以！这段代码是 Qt …...

编程新知 2025/6/15 21:47:30

解决Ubuntu22.04 VMware失败的问题 ubuntu入门之二十八

现象1 打开VMware失败 Ubuntu升级之后打开VMware上报需要安装vmmon和vmnet，点击确认后如下提示最终上报fail 解决方法内核升级导致，需要在新内核下重新下载编译安装查看版本 $ vmware -v VMware Workstation 17.5.1 build-23298084$ lsb_release…...

编程新知 2025/9/11 8:06:49