css学习2（利用id与class修改元素）
1、id选择器可以为标有特定id的html元素指定特定的样式。
2、选择器以#开头，后跟某id的属性值。
3、class选择器用于描述一组元素的样式，class可以在多个元素使用。
4、类选择器用.选择。
5、指定特定的元素使用class。
6、元素的多个类用空格分开，显示模式为各类的综合。
7、通过元素与类名双重限定可以用元素.类名限定相应匹配的元素格式，只有单个元素或单个类名匹配，不会起作用。
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>CSS的ID与class</title><style>#para1 {/*通过元素的id修改元素的样式*/text-align: center;color: red;}.center{/*通过类名控制样式*/text-align: center;}.color{color: red;}p.right{/*通过元素、类名控制*/text-align: right;}</style></head><body><p id="para1">HELLO PHP</p><p>这个段落不受样式的影响</p><h1 class="center">标题居中</h1><!--单个类名设置样式--><p class="center color">段落居中</p><!--同一元素，多个类名，样式多重控制叠加--><h1 class="right">h1右对齐</h1><!--类名起作用--><p class="right">段落靠右</p><!--元素与类名都匹配，起作用--><p>普通段落</p><!--只有元素名匹配，不起作用--></body>
</html>运行结果：
相关文章：
css学习2（利用id与class修改元素）
1、id选择器可以为标有特定id的html元素指定特定的样式。 2、选择器以#开头，后跟某id的属性值。 3、class选择器用于描述一组元素的样式，class可以在多个元素使用。 4、类选择器用.选择。 5、指定特定的元素使用class。 6、元素的多个类用空格分开&…...
安装python的不同版本例如3.8)
wsl2(debian)安装python的不同版本例如3.8
要在Debian上安装 Python 3.8，可以按照以下步骤操作： 1.确保你的 Debian 系统已经更新到最新版本，可以使用以下命令更新： sudo apt update sudo apt upgrade2.安装 Python 3.8 的依赖项，以及构建 Python 时需要的工具…...
——Python变量类型列表list的用法介绍)
Python教程(9)——Python变量类型列表list的用法介绍
列表操作 创建列表访问列表更改列表元素增加列表元素修改列表元素删除列表元素 删除列表 在Python中，列表（list）是一种有序、可变的数据结构，用于存储多个元素。列表可以包含不同类型的元素，包括整数、浮点数、字符串等…...
springboot+VUE智慧公寓管理系统java web酒店民宿房屋住宿报修信息jsp源代码
本项目为前几天收费帮学妹做的一个项目，Java EE JSP项目，在工作环境中基本使用不到，但是很多学校把这个当作编程入门的项目来做，故分享出本项目供初学者参考。 一、项目描述 springbootVUE智慧公寓管理系统 系统有2权限…...
神经网络基础-神经网络补充概念-36-dropout正则化
概念 Dropout 是一种常用的正则化技术，用于减少深度神经网络中的过拟合问题。它在训练过程中随机地将一部分神经元的输出置为零，从而强制模型在训练过程中学习多个独立的子模型，从而减少神经元之间的依赖关系，提高模型的泛化能力…...
Go语言基础之变量和常量
标识符与关键字 标识符 在编程语言中标识符就是程序员定义的具有特殊意义的词，比如变量名、常量名、函数名等等。 Go语言中标识符由字母数字和_(下划线）组成，并且只能以字母和_开头。 举几个例子：abc, _, _123, a123 关键字 关…...
Spring Boot 项目实现 Spring AOP
【注】实现在SpringBoot项目中，同时给两个类的方法添加AOP前置通知 1、创建一个SpringBoot项目 2、创建两个目标类和方法 package com.tqazy.learn_spring_project.spring_aop;import org.springframework.stereotype.Service;/*** ClassName SpringAopUserServi…...
Baumer工业相机堡盟工业相机如何通过BGAPISDK设置相机的固定帧率（C#）
Baumer工业相机堡盟工业相机如何通过BGAPI SDK设置相机的固定帧率（C#） Baumer工业相机Baumer工业相机的固定帧率功能的技术背景CameraExplorer如何查看相机固定帧率功能在BGAPI SDK里通过函数设置相机固定帧率 Baumer工业相机通过BGAPI SDK设置相机固定帧…...
js拼接字符串
在js中，你可以使用字符串拼接的方式创建新的字符串。 下面是一些常用的方法： 1、使用运算符： var str1 "Hello"; var str2 "World"; var result str1 " " str2; console.log(result); // 输出…...
神经网络基础-神经网络补充概念-37-其他正则化方法
概念 L1 正则化（Lasso Regularization）：L1 正则化通过在损失函数中添加参数的绝对值之和作为惩罚项，促使部分参数变为零，实现特征选择。适用于稀疏性特征选择问题。 L2 正则化（Ridge Regularization&…...
掌握Python的X篇_36_定义类、名称空间
本篇将会重新回到python语法的主线，并且开展新的篇章，那就是面向对象的编程。 文章目录 1. 面向对象2. 定义类3. 类的名称空间性质 1. 面向对象 面向对象是一种编程的思想，并不是限制在某一种语言上的，不同语言面向对象的表达能力…...
回归预测 | MATLAB实现GRU门控循环单元多输入多输出
回归预测 | MATLAB实现GRU门控循环单元多输入多输出 目录 回归预测 | MATLAB实现GRU门控循环单元多输入多输出预测效果基本介绍程序设计往期精彩参考资料 预测效果 基本介绍 MATLAB实现GRU门控循环单元多输入多输出，数据为多输入多输出预测数据，输入10个…...
数据结构--拓扑排序
数据结构–拓扑排序 AOV⽹ A O V ⽹ \color{red}AOV⽹ AOV⽹(Activity On Vertex NetWork，⽤顶点表示活动的⽹)： ⽤ D A G 图 \color{red}DAG图 DAG图（有向⽆环图）表示⼀个⼯程。顶点表示活动，有向边 < V i , V j …...
算法竞赛备赛之搜索与图论训练提升，暑期集训营培训
目录 1.DFS和BFS 1.1.DFS深度优先搜索 1.2.BFS广度优先搜索 2.树与图的遍历：拓扑排序 3.最短路 3.1.迪杰斯特拉算法 3.2.贝尔曼算法 3.3.SPFA算法 3.4.多源汇最短路Floy算法 4.最小生成树 4.1.普利姆算法 4.2.克鲁斯卡尔算法 5.二分图：染色法…...
Linux驱动入门（6.2）按键驱动和LED驱动 --- 将逻辑电平与物理电平分离
前言 （1）在学习完Linux驱动入门（6）LED驱动—设备树之后，我们发现一个问题，设备树明明的gpios信息明明有三个元素gpios <&gpio5 3 GPIO_ACTIVE_LOW>; &gpio5 3 用来确定控制那个引脚…...
CentOS系统环境搭建（十四）——CentOS7.9安装elasticsearch-head
centos系统环境搭建专栏🔗点击跳转 关于node的安装请看上一篇CentOS系统环境搭建（十三）——CentOS7安装nvm，🔗点击跳转。 CentOS7.9安装elasticsearch-head 文章目录 CentOS7.9安装elasticsearch-head1.下载2.解压3.修…...
设计HTML5图像和多媒体
在网页中的文本信息直观、明了，而多媒体信息更富内涵和视觉冲击力。恰当使用不同类型的多媒体可以展示个性，突出重点，吸引用户。在HTML5之前，需要借助插件为网页添加多媒体，如Adobe Flash Player、苹果的QuickTime等。…...
基于YOLOv8模型和Caltech数据集的行人检测系统（PyTorch+Pyside6+YOLOv8模型）
摘要 基于YOLOv8模型和Caltech数据集的行人检测系统可用于日常生活中检测与定位行人，利用深度学习算法可实现图片、视频、摄像头等方式的行人目标检测，另外本系统还支持图片、视频等格式的结果可视化与结果导出。本系统采用YOLOv8目标检测算法训练数据集…...
Flutter 宽高自适应
在Flutter开发中也需要宽高自适应，手动写一个工具类，集成之后在像素后面直接使用 px或者 rpx即可。 工具类代码如下： import dart:ui;class HYSizeFit {static double screenWidth 0.0;static double screenHeight 0.0;static double phys…...
LeetCode 0833. 字符串中的查找与替换
【LetMeFly】833.字符串中的查找与替换 力扣题目链接：https://leetcode.cn/problems/find-and-replace-in-string/ 你会得到一个字符串 s (索引从 0 开始)，你必须对它执行 k 个替换操作。替换操作以三个长度均为 k 的并行数组给出：indices,…...
生成xcframework
打包 XCFramework 的方法 XCFramework 是苹果推出的一种多平台二进制分发格式，可以包含多个架构和平台的代码。打包 XCFramework 通常用于分发库或框架。 使用 Xcode 命令行工具打包 通过 xcodebuild 命令可以打包 XCFramework。确保项目已经配置好需要支持的平台…...
SkyWalking 10.2.0 SWCK 配置过程
SkyWalking 10.2.0 & SWCK 配置过程 skywalking oap-server & ui 使用Docker安装在K8S集群以外，K8S集群中的微服务使用initContainer按命名空间将skywalking-java-agent注入到业务容器中。 SWCK有整套的解决方案，全安装在K8S群集中。 具体可参…...
Xshell远程连接Kali（默认 | 私钥）Note版
前言:xshell远程连接，私钥连接和常规默认连接 任务一 开启ssh服务 service ssh status //查看ssh服务状态 service ssh start //开启ssh服务 update-rc.d ssh enable //开启自启动ssh服务 任务二 修改配置文件 vi /etc/ssh/ssh_config //第一…...
JavaScript 中的 ES|QL：利用 Apache Arrow 工具
作者：来自 Elastic Jeffrey Rengifo 学习如何将 ES|QL 与 JavaScript 的 Apache Arrow 客户端工具一起使用。 想获得 Elastic 认证吗？了解下一期 Elasticsearch Engineer 培训的时间吧！ Elasticsearch 拥有众多新功能，助你为自己…...
练习（含atoi的模拟实现,自定义类型等练习）
一、结构体大小的计算及位段 （结构体大小计算及位段 详解请看：自定义类型：结构体进阶-CSDN博客） 1.在32位系统环境，编译选项为4字节对齐，那么sizeof(A)和sizeof(B)是多少？ #pragma pack(4)st…...
C# SqlSugar：依赖注入与仓储模式实践
C# SqlSugar：依赖注入与仓储模式实践 在 C# 的应用开发中，数据库操作是必不可少的环节。为了让数据访问层更加简洁、高效且易于维护，许多开发者会选择成熟的 ORM（对象关系映射）框架，SqlSugar 就是其中备受…...
基于matlab策略迭代和值迭代法的动态规划
经典的基于策略迭代和值迭代法的动态规划matlab代码，实现机器人的最优运输 Dynamic-Programming-master/Environment.pdf , 104724 Dynamic-Programming-master/README.md , 506 Dynamic-Programming-master/generalizedPolicyIteration.m , 1970 Dynamic-Programm…...
代理篇12|深入理解 Vite中的Proxy接口代理配置
在前端开发中，常常会遇到 跨域请求接口 的情况。为了解决这个问题，Vite 和 Webpack 都提供了 proxy 代理功能，用于将本地开发请求转发到后端服务器。 什么是代理（proxy）？ 代理是在开发过程中，前端项目通过开发服务器，将指定的请求“转发”到真实的后端服务器，从而绕…...
七、数据库的完整性
七、数据库的完整性 主要内容 7.1 数据库的完整性概述 7.2 实体完整性 7.3 参照完整性 7.4 用户定义的完整性 7.5 触发器 7.6 SQL Server中数据库完整性的实现 7.7 小结 7.1 数据库的完整性概述 数据库完整性的含义 正确性 指数据的合法性 有效性 指数据是否属于所定…...
Netty从入门到进阶（二）
二、Netty入门 1. 概述 1.1 Netty是什么 Netty is an asynchronous event-driven network application framework for rapid development of maintainable high performance protocol servers & clients. Netty是一个异步的、基于事件驱动的网络应用框架，用于…...