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)，表示变化的统计…...
AWS Lambda性能调优终极指南：如何通过内存配置平衡成本与执行速度
AWS Lambda性能调优终极指南：如何通过内存配置平衡成本与执行速度 【免费下载链接】aws-lambda-power-tuning AWS Lambda Power Tuning is an open-source tool that can help you visualize and fine-tune the memory/power configuration of Lambda functions. It…...
OpenClaw文件管理术：GLM-4.7-Flash智能归类200+文档
OpenClaw文件管理术：GLM-4.7-Flash智能归类200文档 1. 为什么需要智能文件管理助手 作为一个长期与各种技术文档打交道的开发者，我的电脑桌面常年处于"灾难现场"状态。上周整理项目资料时，发现同一个技术方案的三个版本散落在下载…...
Janus-1.3B：1.3B参数解锁多模态理解生成新可能
Janus-1.3B：1.3B参数解锁多模态理解生成新可能 【免费下载链接】Janus-1.3B Janus-1.3B：新一代统一多模态模型，独特的自回归框架实现视觉编码解耦，提升多模态理解与生成的灵活性，性能超越传统模型。基于DeepSeek-LLM-1…...
Element UI表格fixed列错位？5分钟搞定el-table滚动条与固定列对齐问题
Element UI表格fixed列错位问题终极解决方案 1. 问题现象与原因分析 最近在使用Element UI的el-table组件时，不少开发者都遇到了一个令人头疼的问题：当表格设置了fixed固定列后，滚动条与固定列会出现错位现象。具体表现为： 滚动到…...
OpenClaw+百川2-13B量化模型：自动化技术文档摘要系统搭建
OpenClaw百川2-13B量化模型：自动化技术文档摘要系统搭建 1. 为什么需要自动化文档摘要系统 作为一个经常需要阅读大量技术文档的开发者，我发现自己陷入了"文档海洋"的困境。每次研究新技术时，总会下载几十份PDF白皮书、API文档和…...
为什么顶尖量化团队集体弃用Pandas？Polars 2.0清洗基准测试结果刚解禁（含12类真实业务场景压测数据）
第一章：Polars 2.0大规模数据清洗技巧对比评测报告Polars 2.0 在查询优化器、内存管理及并行执行策略上实现显著升级，尤其在处理十亿级行宽表时展现出远超 Pandas 和 DuckDB 的吞吐稳定性。本章基于真实电商日志数据集（12.7 GB，8.…...
ChatTTS API 实战：如何构建高可用的 AI 辅助开发工作流
最近在做一个需要大量语音合成的项目，用到了 ChatTTS API。说实话，直接调用 API 虽然简单，但一旦涉及到生产环境的高并发、稳定性和成本控制，问题就接踵而至。经过一番折腾，我总结了一套基于 Python 异步编程的高可用工…...
Instagram数据提取完全指南：Toutatis实战揭秘与高效应用
Instagram数据提取完全指南：Toutatis实战揭秘与高效应用 【免费下载链接】toutatis Toutatis is a tool that allows you to extract information from instagrams accounts such as e-mails, phone numbers and more 项目地址: https://gitcode.com/GitHub_Trend…...
毕设程序java基于的动漫分析与交流平台 基于Spring Boot的二次元文化社区与作品分享系统 Java驱动的ACG内容聚合与互动服务平台
毕设程序java基于的动漫分析与交流平台31sl5luf（配套有源码 程序 mysql数据库 论文） 本套源码可以在文本联xi,先看具体系统功能演示视频领取，可分享源码参考。随着互联网技术的飞速发展和Z世代文化消费的崛起，动漫产业已从边缘亚文…...
Qwen3-4B-Thinking-2507：轻量级AI推理模型的3大突破性技术革命
Qwen3-4B-Thinking-2507：轻量级AI推理模型的3大突破性技术革命 【免费下载链接】Qwen3-4B-Thinking-2507-GGUF 项目地址: https://ai.gitcode.com/hf_mirrors/unsloth/Qwen3-4B-Thinking-2507-GGUF 在AI模型参数规模持续膨胀的今天，Qwen3-4B-Thi…...