id选择器
id选择器可以为特定的id的标签进行css美化
使用方法： 标签内设好 id值， CSS的id选择器以“#+id名”来调用
注意
- 所有标签都有id值
- id属性值类似于身份证号码，在一个页面中是唯一的值，不可重复
- 一个标签上只能有一个id属性值
- 一个id属性值，只能选择一个标签
语法
#id名 {属性: 属性值;
}<p id="id名"></p>
举个栗子
<style>/* 给id为red的，定义CSS样式 */
#red {color: blue;
}
#green {color: blue;
}
</style>
</head><body><p id="red">杰克逊</p>
<h1 id="green">加比勒海盗</h1>id选择器与class选择器的区别
- class类名与id属性值的区别
- id相当于人的身份证，不可重复
- class相当于人的名称可以重复
- id选择器和类选择器最大的不同在于使用次数上，一个id只能供一个标签使用一次
- id选择器一般只定义页面唯一的元素，平常与javascript使用，最常用的还是class选择器，标签可以定义多个类属性
- 实际开发情况
- 类选择器用的最多
- id一般配合js使用，除非特殊情况，否则不要使用id设置样式
- 实际开发中会遇到冗余代码的抽取（可以将公共的代码提取到公用的类中调用）
相关文章：
id选择器
id选择器可以为特定的id的标签进行css美化 使用方法： 标签内设好 id值， CSS的id选择器以“#id名”来调用 注意 所有标签都有id值id属性值类似于身份证号码，在一个页面中是唯一的值，不可重复一个标签上只能有一个id属性值一个id属性…...
《科技之巅3》读书笔记
文章目录书籍信息人工智能，“吃一堑长一智”的机器人机交互，为解决“交流障碍”问题而生硬件与算法，好马还需好鞍模式创新，赋予技术新的定义云与数据共享，灵活应对信息的爆发式增长“机器人”，从电影和小说…...
18.用于大型程序的工具
文章目录用于大型程序的工具18.1异常处理18.1.1抛出异常栈展开栈展开过程中对象被自动销毁析构函数与异常异常对象18.1.2捕获异常查找匹配的处理代码重新抛出捕获所有异常的处理代码18.1.3函数try语句块与构造函数18.1.4noexcept异常说明违反异常说明异常说明的实参noexcept运算…...
mysql一主键uuid和自增的选择
文章目录 1.自增ID的优缺点1.1 优点1.2 缺点1.3 不适合以自增ID主键作为主键的情况2.UUID作为主键2.1 介绍2.2 优点2.3 缺点3.有序UUID作为主键3.1 介绍3.2 演示使用3.2.1 前提知识3.2.1.1 数据类型 - binary3.2.1.2 函数 - hex()3.2.1.3 函数 - unhex()3.2.2 数据库层3.2.3 JA…...
【EDA工具使用】——VCS和Verdi的联合仿真的简单使用
目录 1.芯片开发所需的工具环境 2.编译仿真工具 3.三步式混合编译仿真（最常用）编辑 4.两步式混合编译仿真编辑 5.VCS的使用 6.verdi的使用 1.产生fsdb文件的两种方法编辑 1.芯片开发所需的工具环境 2.编译仿真工具 3.三步式混合编译仿真…...
【Java学习笔记】4.Java 对象和类
前言 本章介绍Java的对象和类。 Java 对象和类 Java作为一种面向对象语言。支持以下基本概念： 多态继承封装抽象类对象实例方法重载 本节我们重点研究对象和类的概念。 对象：对象是类的一个实例（对象不是找个女朋友）&#x…...
39. 实战：基于api接口实现视频解析播放（32接口，窗口化操作，可导出exe，附源码）
目录 前言 目的 思路 代码实现 需要导入的模块 1. 导入解析网站列表，实现解析过程 2. 设计UI界面 3. 设置窗口居中和循环执行 4. 注意事项 完整源码 运行效果 总结 前言 本节将类似34. 实战：基于某api实现歌曲检索与下载（附完整…...
基于灵动 MM32 微控制器的便携式血氧仪方案
基于灵动 MM32 微控制器的便携式血氧仪： - Cortex-M0() 最高主频 72MHz 可实现血氧饱和度信号采集、算法操作和 LED 显示操作 - 高性能的 1Msps 12b ADC 能对光电采样结果进行大数据量的暂存和处理，提高采样的效率并有助于对结果做高精度的计算 - 100…...
2022秋-2023-中科大-数字图像分析-期末考试试卷回忆版
今天晚上刚考完，心累，在这里继续授人以渔(仅供参考，切勿对着复习不看ppt，ppt一定要过两遍)。 注意:往年的经验贴，到此为止，全部作废，一个没考。千万不要只对着复习，SIFT没考&#x…...
【matplotlib】条形图及垂线显示小技巧 |一些有用参考帖子收集
最近在画图。一方面看论文看思路，一方面用数据跑图出论文雏形。 有些帖子写得很好，不记录的话下次还想看就只能随缘了。 帖子 博客：nxf_rabbit75 matplotlib技巧—9.共享坐标轴、创建多个subplot、调整横坐标、放置文本框、latext文字、平移…...
Go的bytes.Buffer
Go的bytes.Buffer 文章目录Go的bytes.Buffer一、bytes.Buffer 的基础知识二、bytes.Buffer类型的值，已读计数的作用三、bytes.Buffer的扩容策略四、bytes.Buffer的哪些方法会造成内容的泄露一、bytes.Buffer 的基础知识 与strings.Builder一样，bytes.Bu…...
k8s学习之路 | Day19 k8s 工作负载 Deployment（上）
文章目录1. Deployment 基础1.1 什么是 Deployment1.2 简单体验 Deployment1.3 Deployment 信息描述1.4 如何编写 Deployment2. Deployment 简单特性2.1 赋予 Pod 故障转移和自愈能力2.2 更新 Deployment2.3 回滚 Deployment2.4 暂停、恢复 Deployment 的上线过程2.5 Deploymen…...
php宝塔搭建部署实战六零导航页LyLme_Spage源码
大家好啊，我是测评君，欢迎来到web测评。 本期给大家带来一套php开发的六零导航页LyLme_Spage源码。感兴趣的朋友可以自行下载学习。 技术架构 PHP7.0 nginx mysql5.7 JS CSS HTMLcnetos7以上 宝塔面板 文字搭建教程 下载源码，宝塔添…...
SpringBoot (三) 整合数据库访问 jdbcTemplate、MyBatis
哈喽，大家好，我是有勇气的牛排（全网同名）🐮🐮🐮 有问题的小伙伴欢迎在文末评论，点赞、收藏是对我最大的支持！！！。 Spring Data了解下࿱…...
机器学习、数据挖掘和统计模式识别学习（Matlab代码实现）
目录 💥1 概述 📚2 运行结果 🎉3 参考文献 👨💻4 Matlab代码 💥1 概述 机器学习是让计算机在没有明确编程的情况下采取行动的科学。在过去的十年中，机器学习为我们提供了自动驾驶汽车&…...
Java修饰符-ai生成
Java修饰符 Java的修饰符有哪几种 Java的修饰符有以下几种： 访问修饰符：public、protected、private和默认访问修饰符。 非访问修饰符：final、abstract、static、synchronized、volatile、transient、native、strictfp和Deprecated。 什么…...
kafka部署安装
kafka介绍 kafka是一个分布式的消息队列系统，适合离线和在线消费，扩展性好 kafka部署 安装包获取： 链接：https://pan.baidu.com/s/1y32yvZU-CAHBtbEfnHkJzQ 提取码：y9vb –来自百度网盘超级会员V5的分享 安装目录为…...
使用asio实现一个单线程异步的socket服务程序
文章目录前言代码前言 之前，我使用epoll实现过一个C的后端服务程序，见：从头开始实现一个留言板-README_c做一个留言板_大1234草的博客-CSDN博客 但是它不够简便，无法轻松的合并到其他代码中。并且，由于程序中使用epo…...
大型JAVA版云HIS医院管理系统源码 Saas应用+前后端分离+B/S架构
SaaS运维平台多集团多医院入驻强大的电子病历完整文档 有源码，有演示！ 云HIS系统技术栈： 1、前端框架：AngularNginx 2、后台框架：JavaSpring，SpringBoot，SpringMVC，SpringSecurity&…...
1 网关介绍
网关介绍 在微服务架构中，一个系统会被拆分为很多个微服务。那么作为客户端要如何去调用这么多的微服务呢？如果没有网关的存在，我们只能在客户端记录每个微服务的地址，然后分别去调用。这样的话会产生很多问题，例如&a…...
浅谈 React Hooks
React Hooks 是 React 16.8 引入的一组 API，用于在函数组件中使用 state 和其他 React 特性（例如生命周期方法、context 等）。Hooks 通过简洁的函数接口，解决了状态与 UI 的高度解耦，通过函数式编程范式实现更灵活 Rea…...
Linux链表操作全解析
Linux C语言链表深度解析与实战技巧 一、链表基础概念与内核链表优势1.1 为什么使用链表？1.2 Linux 内核链表与用户态链表的区别 二、内核链表结构与宏解析常用宏/函数 三、内核链表的优点四、用户态链表示例五、双向循环链表在内核中的实现优势5.1 插入效率5.2 安全…...
ES6从入门到精通：前言
ES6简介 ES6（ECMAScript 2015）是JavaScript语言的重大更新，引入了许多新特性，包括语法糖、新数据类型、模块化支持等，显著提升了开发效率和代码可维护性。 核心知识点概览 变量声明 let 和 const 取代 var…...
Spring Boot 实现流式响应（兼容 2.7.x）
在实际开发中，我们可能会遇到一些流式数据处理的场景，比如接收来自上游接口的 Server-Sent Events（SSE） 或 流式 JSON 内容，并将其原样中转给前端页面或客户端。这种情况下，传统的 RestTemplate 缓存机制会…...
React第五十七节 Router中RouterProvider使用详解及注意事项
前言 在 React Router v6.4 中，RouterProvider 是一个核心组件，用于提供基于数据路由（data routers）的新型路由方案。 它替代了传统的 <BrowserRouter>，支持更强大的数据加载和操作功能（如 loader 和…...
在 Nginx Stream 层“改写”MQTT ngx_stream_mqtt_filter_module
1、为什么要修改 CONNECT 报文？ 多租户隔离：自动为接入设备追加租户前缀，后端按 ClientID 拆分队列。零代码鉴权：将入站用户名替换为 OAuth Access-Token，后端 Broker 统一校验。灰度发布：根据 IP/地理位写…...
实现弹窗随键盘上移居中
实现弹窗随键盘上移的核心思路 在Android中，可以通过监听键盘的显示和隐藏事件，动态调整弹窗的位置。关键点在于获取键盘高度，并计算剩余屏幕空间以重新定位弹窗。 // 在Activity或Fragment中设置键盘监听 val rootView findViewById<V…...
管理学院权限管理系统开发总结
文章目录 🎓 管理学院权限管理系统开发总结 - 现代化Web应用实践之路📝 项目概述🏗️ 技术架构设计后端技术栈前端技术栈 💡 核心功能特性1. 用户管理模块2. 权限管理系统3. 统计报表功能4. 用户体验优化 🗄️ 数据库设…...
Mysql8 忘记密码重置，以及问题解决
1.使用免密登录 找到配置MySQL文件，我的文件路径是/etc/mysql/my.cnf，有的人的是/etc/mysql/mysql.cnf 在里最后加入 skip-grant-tables重启MySQL服务 service mysql restartShutting down MySQL… SUCCESS! Starting MySQL… SUCCESS! 重启成功 2.登…...
华为OD机考-机房布局
import java.util.*;public class DemoTest5 {public static void main(String[] args) {Scanner in new Scanner(System.in);// 注意 hasNext 和 hasNextLine 的区别while (in.hasNextLine()) { // 注意 while 处理多个 caseSystem.out.println(solve(in.nextLine()));}}priv…...