CSS样式学习
html超文本传输标签，属性等权重
outline 标签轮廓
<input type="text">
<textarea cols="30" rows="10"></textarea>
outline: none; 表示无轮廓 （开发时用的比较多）
CSS 轮廓（outline）属性 | 菜鸟教程
css匹配流程（从下到上，从右到左）
Butten去掉边框
CSS 按钮 | 菜鸟教程
<style>.btn {outline: none;background-color: white;height: 36px;font-size: 14px;}.btn.success{background-color: #5cb85c;}.btn.warning{background-color: #f0ad4e;}.btn.danger{background-color: #d9534f;}
</style>
<body><div><button class="btn">按钮</button><button class="btn success">按钮</button><button class="btn warning">按钮</button><button class="btn danger">按钮</button></div>
</body>
</html>复合词 id 下划线 类中连线 
CSS参考手册_web前端开发参考手册系列
宽高
前三个用的比较多
（overflow 溢出可隐藏，或者滚动等等）
字体
浏览器默认字体大小16px 字体大小设置的是高度，宽度是自动缩放
常用（14，16，12） 标题18
font-weight 字体粗细 lighter normal bold bolder(特粗)
font-style : oblique （可以强制斜体）
（em 指强调可以将font-style 置normal）
(可以填写符复合值)
font-family:"TIME NEW ROMAN ",Georgia,serif;
font-family:cursive; 楷体
p标签color
边框
text-align 对齐
一行占据的高度 （默认行高22） 文字居中
text-indent 文本缩进
text-decoration 文本修饰
光标
光标常用值。
不换行
隐藏显示省略号3大件
内联块
可以将A标签写成按钮
：hover 伪类选择器，可以控制鼠标移入按钮的颜色变化
height：指定区域的高度
line-height：一行的高度，简称行高。
header实例
<style>.header{width: 100%;min-width: 1442px;height: 60px;background-color: black;}a{text-decoration: none;}.ul {margin: 0;padding: 0;list-style: none;}.header ul{height: 100%;}.header ul li{float: left;width: 150px;height: 100%;}.header ul li a{display: block;height: 100%;width: 100%;color: #fff;line-height: 60px;text-align: center;font-size: 16px;}.header ul li.active a{color:#FD5;background-color: #333;}.header ul li a:hover{color:#FD5;background-color: #333;}
</style>
<body><div class="header"><ul><li class="item"><a href="">首页</a></li><li><a href="">服务号</a></li><li><a href="">微课堂</a></li><li><a href="">系列课</a></li><li><a href="">直播课程</a></li></ul></div>
</body>
</html>按钮禁用
相关文章：
CSS样式学习
html超文本传输标签，属性等权重 outline 标签轮廓 <input type"text"> <textarea cols"30" rows"10"></textarea> outline: none; 表示无轮廓 （开发时用的比较多） CSS 轮廓ÿ…...
传感数据分析中的小波滤波：理论与公式
传感数据分析中的小波滤波：理论与公式 引言 在传感数据分析领域，小波滤波作为一种强大的信号处理工具，广泛应用于噪声去除、信号压缩、特征提取以及频谱分析等方面。本文将深入介绍小波滤波的理论基础和相关数学公式，以更全面地…...
iOS 按钮添加点击震动
1. 方法说明： iOS10后系统提供了一套API来简单实现震动： init时传入一个style定义好的枚举就可以实现不同的震动 typedef NS_ENUM(NSInteger, UIImpactFeedbackStyle) {UIImpactFeedbackStyleLight,UIImpactFeedbackStyleMedium,UIImpactFeedbackStyle…...
李沐-《动手学深度学习》--02-目标检测
一 、目标检测算法 1. R-CNN a . 算法步骤 使用启发式搜索算法来选择锚框（选出多个锚框大小可能不一，需要使用Rol pooling）使用预训练好的模型（去掉分类层）对每个锚框进行特征抽取（如VGG,AlexNet…)训练…...
【EAI 006】ChatGPT for Robotics：将 ChatGPT 应用于机器人任务的提示词工程研究
论文标题：ChatGPT for Robotics: Design Principles and Model Abilities 论文作者：Sai Vemprala, Rogerio Bonatti, Arthur Bucker, Ashish Kapoor 作者单位：Scaled Foundations, Microsoft Autonomous Systems and Robotics Research 论文原…...
.pings勒索病毒的威胁：如何应对.pings勒索病毒的突袭？
引言： 在网络安全领域，.pings勒索病毒一直是不断演变的威胁之一。其变种的不断出现使得对抗这一数字威胁变得更加复杂。本节将深入剖析.pings勒索病毒变种的出现，以更好地理解其威胁性质和对策。如果受感染的数据确实有恢复的价值与必要性&a…...
Rustdesk本地配置文件存在什么地方？
环境： rustdesk1.1.9 Win10 专业版 问题描述： Rustdesk本地配置文件存在什么地方？ 解决方案： RustDesk 是一款功能齐全的远程桌面应用。 支持 Windows、macOS、Linux、iOS、Android、Web 等多个平台。 支持 VP8 / VP9 / AV1 …...
36-javascript输出方式，弹框：普通，confirm弹框，prompt弹框，控制台输出：普通，warm，error
1.页面打印 <body><p>你真是一个小机灵鬼</p><script>// 页面打印document.write("打印内容");</script> </body> 2.覆盖文档 <body><p>你真是一个小机灵鬼</p><script>// 覆盖文档window.onload f…...
自动执行 Active Directory 清理
Active Directory （AD） 可帮助 IT 管理员分层存储组织的资源，包括用户、组以及计算机和打印机等设备，这有助于管理员集中创建基于帐户和组的规则，并通过创建不合规的自动日志来强制执行和确保合规性。 不时清理AD是保…...
DICE模型的原理与推导、碳循环与气候变化、政策评估、不确定性分析与代码分析
目录 专题一：DICE模型的原理与推导 专题二：碳循环与气候变化 专题三：政策评估 专题四：不确定性分析与代码分析 更多应用 随着温室气体排放量的增大和温室效应的增强，全球气候变化问题受到日益的关注。我国政府庄严…...
【机器学习前置知识】狄利克雷分布
在阅读本文前，建议先食用以下几篇文章以能更好地理解狄利克雷分布： 二项分布 Beta分布 多项分布 共轭分布 狄利克雷分布 狄利克雷分布(Dirichlet distribution)是Beta分布的扩展，把Beta分布从二元扩展到多元形式就是狄利克雷分布&#…...
)
Spring Retry(方法重试、方法重新调用)
Spring Retry——方法重试、方法重新调用 简介：使用1. 配置2.使用 总结注意 简介： Spring Retry 是一个 Spring Boot 官方提供的支持重试机制的库。它提供了一种简单而灵活的方式来处理方法调用可能失败的情况，通过自动重试失败的操作&#…...
JavaScript音视频，使用JavaScript如何在浏览器录制电脑摄像头画面为MP4视频文件并下载视频文件到本地
前言 本章介绍使用JavaScript如何在浏览器录制电脑摄像头画面为MP4视频文件并下载视频文件到本地。 实现功能 1、使用navigator.mediaDevices.getUserMedia获取摄像头画面 2、将获取到的摄像头画面渲染到canvas画板上 3、将canvas转换为blob对象 4、通过document.createElem…...
IaC基础设施即代码：使用Terraform 连接 alicloud阿里云
目录 一、实验 1.环境 2.alicloud阿里云创建用户 3.Linux使用Terraform 连接 alicloud 4.Windows使用Terraform 连接 alicloud 二、问题 1.Windows如何申明RAM 相关变量 2.Linux如何申明RAM 相关变量 3. Linux terraform 初始化失败 4.Linux terraform 计划与预览失败…...
Vue3 如何使用移动端调试工具vConsole
1、安装 pnpm i vconsole2、在src/utils下新建vconsole.ts，写入以下代码 // 这是移动端控制台调试工具，需要调试就打开,不用就注释 import vConsole from vconsole const vconsole new vConsole()3、src/main.ts 引入，需要调试就打开,&…...
【物流管理系统-Python简易版】
前端设计-后端开发（DJango项目Demo） 参考资料：【一文到底】【0基础】【快速上手】Django基本使用 创建项目 Pycharm专业版新建DJango项目 项目文件介绍： django_study_demo │─ manage.py 【项目管理的脚本，不要修…...
Vue学习笔记六--Vue3学习
1、Vue3的优势 2、创建Vue3工程 前提：node -v 查看node版本，需要在16.0及以上 创建命令 npm init vuelatest,先安装create-vue然后创建项目 然后执行npm run dev 提示 sh: vite: command not found,需要执行npm i重新安装依赖，之后再执行np…...
21.在线与离线MC强化学习简介
文章目录 1. 什么是在线MC强化学习2. 什么是离线MC强化学习3. 在线MC强化学习有何缺点 1. 什么是在线MC强化学习 在线强化学习（on-policy MC RL），是指：智能体在策略评估时为获取完整轨迹所采用的采样策略 π s a m p l e ( a ∣ …...
控制网页的灰度显示
1.代码： 普通网页 <style>html {filter: grayscale(100%);}</style> 或是:webkit内核浏览器写法 <style>html {-webkit-filter: grayscale(100%)}</style> 2.说明： grayscale(amount) :进行灰度转换。 amount转换值的大小&…...
科研绘图（四）火山图
火山图是生物信息学中常用的一种图表，用来显示基因表达数据的变化。它通常将每个点表示为一个基因，x轴显示对数比率（log ratio），表示基因表达的变化大小；y轴显示-log10(p-value)，表示变化的统计…...
Vue记事本应用实现教程
文章目录 1. 项目介绍2. 开发环境准备3. 设计应用界面4. 创建Vue实例和数据模型5. 实现记事本功能5.1 添加新记事项5.2 删除记事项5.3 清空所有记事 6. 添加样式7. 功能扩展：显示创建时间8. 功能扩展：记事项搜索9. 完整代码10. Vue知识点解析10.1 数据绑…...
8k长序列建模，蛋白质语言模型Prot42仅利用目标蛋白序列即可生成高亲和力结合剂
蛋白质结合剂（如抗体、抑制肽）在疾病诊断、成像分析及靶向药物递送等关键场景中发挥着不可替代的作用。传统上，高特异性蛋白质结合剂的开发高度依赖噬菌体展示、定向进化等实验技术，但这类方法普遍面临资源消耗巨大、研发周期冗长…...
DAY 47
三、通道注意力 3.1 通道注意力的定义 # 新增：通道注意力模块（SE模块） class ChannelAttention(nn.Module):"""通道注意力模块(Squeeze-and-Excitation)"""def __init__(self, in_channels, reduction_rat…...
React Native在HarmonyOS 5.0阅读类应用开发中的实践
一、技术选型背景 随着HarmonyOS 5.0对Web兼容层的增强，React Native作为跨平台框架可通过重新编译ArkTS组件实现85%以上的代码复用率。阅读类应用具有UI复杂度低、数据流清晰的特点。 二、核心实现方案 1. 环境配置 （1）使用React Native…...
华为OD机试-食堂供餐-二分法
import java.util.Arrays; import java.util.Scanner;public class DemoTest3 {public static void main(String[] args) {Scanner in new Scanner(System.in);// 注意 hasNext 和 hasNextLine 的区别while (in.hasNextLine()) { // 注意 while 处理多个 caseint a in.nextIn…...
Java线上CPU飙高问题排查全指南
一、引言 在Java应用的线上运行环境中，CPU飙高是一个常见且棘手的性能问题。当系统出现CPU飙高时，通常会导致应用响应缓慢，甚至服务不可用，严重影响用户体验和业务运行。因此，掌握一套科学有效的CPU飙高问题排查方法&…...
推荐 github 项目:GeminiImageApp(图片生成方向，可以做一定的素材)
推荐 github 项目:GeminiImageApp(图片生成方向，可以做一定的素材) 这个项目能干嘛? 使用 gemini 2.0 的 api 和 google 其他的 api 来做衍生处理 简化和优化了文生图和图生图的行为(我的最主要) 并且有一些目标检测和切割(我用不到) 视频和 imagefx 因为没 a…...
云原生安全实战：API网关Kong的鉴权与限流详解
🔥「炎码工坊」技术弹药已装填！ 点击关注 → 解锁工业级干货【工具实测|项目避坑|源码燃烧指南】 一、基础概念 1. API网关（API Gateway） API网关是微服务架构中的核心组件，负责统一管理所有API的流量入口。它像一座…...
腾讯云V3签名
想要接入腾讯云的Api，必然先按其文档计算出所要求的签名。 之前也调用过腾讯云的接口，但总是卡在签名这一步，最后放弃选择SDK，这次终于自己代码实现。 可能腾讯云翻新了接口文档，现在阅读起来，清晰了很多&…...
【 java 虚拟机知识 第一篇 】
目录 1.内存模型 1.1.JVM内存模型的介绍 1.2.堆和栈的区别 1.3.栈的存储细节 1.4.堆的部分 1.5.程序计数器的作用 1.6.方法区的内容 1.7.字符串池 1.8.引用类型 1.9.内存泄漏与内存溢出 1.10.会出现内存溢出的结构 1.内存模型 1.1.JVM内存模型的介绍 内存模型主要分…...