html基础之上标与下标及禁止鼠标点击样式

最新推荐文章于 2024-08-19 14:59:41 发布
最新推荐文章于 2024-08-19 14:59:41 发布
阅读量372 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： web前端学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_42805130/article/details/83786821
本文解析了HTML中上标和下标的基本用法，通过具体示例展示了如何使用<sup>和<sub>标签。同时介绍了如何设置CSS样式禁止鼠标点击效果，为网页设计提供实用技巧。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

上标：<sup></sup>

下标：<sub></sub>

例子：
<p>姓名必填</p><sup>*</sup>
*在姓名必填的右上方

禁止鼠标点击样式，

cursor:not-allowed;

 

【前端基础篇】快速学习HTML常用标签和属性
前端知识分享喵
06-12 1691
WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure-html）、表现（Presentation-css）和行为（Behavior-javascript）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。
HTML常用标签及CSS常用样式
wjjwww11的博客
06-13 364
...标题标签，其中n为1–6的值。 ...斜体 ... 强调斜体 ... 加粗 ... 强调加粗 作品的标题（引⽤用） ... 下标 ... 上标 ... 删除线 换⾏行行 ... 换段 ⽔水平分割线 ... ⽆无序列表 ... 有序列表 其中
HTML禁用特定区域点击事件
weixin_43983960的博客
03-19 1367
项目中使用uniapp开发，在使用uview UI库的评分rate组件时，当使用disabled禁用时，评分星星就会变成灰色。 需求：查询后的信息列表中的，评价星星组件不可操作选择，颜色保持不变。 解决办法： 在组件中加一句view节点，设置style=“pointer-events: none;”，就可以禁用者一块区域点击 代码如下： <view style="pointer-events: none;"> <u-rate size="18" inactiveColor="#9b9b9
CSS用户界面样式
weixin_51415327的博客
08-22 392
1. 鼠标样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <ti.
css实现鼠标禁用（鼠标滑过显示红色禁止符号）
XSL_HR的博客
12-21 1万+
从本文开始，将会用三篇文章来一步一步实现vue+antd+ts实战后台管理系统中table表格的不可控操作。中间会补充两篇css知识文章，方便后续功能的实现。 实现表格的不可控有两种实现方案，一种是 通过css的禁用操作来实现，另一种是 通过ant design vue自带的api属性来实现。本期文章将开门见山，给出css的实现方法以及最终效果。
cursor: not-allowed
最新发布
u010865136的专栏
08-19 1116
在 CSS 中，用于设置光标样式，表示某个操作或元素当前不可用。通常用于显示用户不能与某个元素进行交互的状态。
给html元素设置的禁用效果
weixin_53110831的博客
03-31 2604
日常创作项目中我们经常用到button按钮或者是input，他们都可以使用disabled来控制是否是禁用效果，那么如果是其他的html元素该怎么做出禁用效果呢。 cursor: not-allowed属性可以让我们得元素看起来有禁用得效果 ，但事件还是可以触发的，这个时候需要自行用条件判断事件是否触发。 如果没有太多的样式方面需求可以直接使用cursor: not-allowed。 如果我们想要类似与按钮禁用得效果，我们可以在元素中加一个定位盒子，然后给这个定位盒子加上cursor: not-allowe
html div标签属性教程,前端基础之DIV标签讲解！
weixin_35952000的博客
06-05 2916
摘要：DIV标签，称为区隔标记。作用是设定字、画、表格等的摆放位置。当你把文字、图象，或其他的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。而中文我们把它称作“层次”。DIV元素，是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个...
HTML入门与进阶以及HTML5
热门推荐
wuyxinu的博客
12-12 38万+
目录 一、简介 1、前端开发最核心技术 （1）HTML是什么？ （2）CSS （3）JavaScript 2、前端开发其他技术 二、基础内容 1.基础总结 2.HTML的基本标签 (1)HTML标签 (2)head标签 (3)body标签 3、段落与文字 (一)、段落标签 (二)、网页特殊符号 (三)、自闭合标签 (四)、块元素和行内元素 (五)、练...
HTML与DHTML标签学习手册：初学者指南
DHTML能够创建更为动态和交互式的网页，让网页元素能够响应用户的操作，如鼠标点击事件、键盘输入事件等。 ### HTML与DHTML的标签学习 #### 基本标签 1. `<html>`：标识HTML文档的开始和结束。 2. `<head>`：包含...
html 按钮禁用状态,按钮状态——禁用状态
weixin_34553878的博客
05-30 4641
和input等表单控件一样，在Bootstrap框架的按钮中也具有禁用状态的设置。禁用状态与其他状态按钮相比，就是背景颜色的透明度做了一定的处理，opcity的值从100%调整为65%。在Bootstrap框架中，要禁用按钮有两种实现方式：方法1：在标签中添加disabled属性方法2：在元素标签中添加类名“disabled”两者的主要区别是：“.disabled”样式不会禁止按钮的默认行为，比如...
html中鼠标属性设置,css的cursor属性 鼠标指针样式
weixin_32299949的博客
06-05 3496
cursor 属性规定要显示的光标的类型(形状)，该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状(不过 CSS2.1 没有定义由哪个边界确定这个范围)。默认值：auto；继承性：yes；版本：CSS2；JavaScript 语法：object.style.cursor="crosshair"；所有主流浏览器都支持 cursor 属性。注释：Opera 9.3 和 Safari 3 不支...
html鼠标悬停禁止,html – 禁用按钮时禁用悬停效果
weixin_34236986的博客
06-04 2035
您可以使用pointer-events：none来确保它不执行任何操作.这是阻止任何悬停效果甚至点击元素上发生的正确方法：.button {text-decoration: none;border: none;padding: 12px 20px;cursor: pointer;outline: 0;display: inline-block;margin-right: 2px;color: #f...
迷你上标和下标（0~9、字母、特殊字符）
weixin_46096901的博客
04-12 11万+
常用上标 ⁰ ¹ ² ³ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ ⁺ ⁻ ⁼ ⁽ ⁾ ⁿ º ˙ 常用下标₀ ₁ ₂ ₃ ₄ ₅ ₆ ₇ ₈ ₉ ₊ ₋ ₌ ₍ ₎ ₐ ₑ ₒ ₓ ₔ 中文上标 ㆒㆓㆔㆕㆖㆗㆘㆙㆚㆛㆜㆝㆞㆟ 更多上标 ᵃ ᵇ ᶜ ᵈ ᵉ ᵍ ʰ ⁱ ʲ ᵏ ˡ ᵐ ⁿ ᵒ ᵖ ᵒ ʳ ˢ ᵗ ᵘ ᵛ ʷ ˣ ʸ ᙆ ᴬ ᴮ ᒼ ᴰ ᴱ ᴳ ᴴ ᴵ ᴶ ᴷ ᴸ ᴹ ᴺ ᴼ ᴾ ᴼ̴ ᴿ ˢ ᵀ ᵁ ᵂ ˣ ᵞ ᙆ ˀ ˁ ˤ ʱ ʴ ʵ ʶ ˠ ᴭ ᴯ ᴲ ᴻ ᴽ ᵄ ᵅ ᵆ ᵊ ᵋ ᵌ ᵑ ᵓ
字母及数字上标下标
NewMap的专栏
10-22 3万+
字母及数字上标下标欢迎使用新的改变 欢迎使用 常用上标 ⁰ ¹ ² ³ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ ⁺ ⁻ ⁼ ⁽ ⁾ ⁿ º ˙ 常用下标 ₀ ₁ ₂ ₃ ₄ ₅ ₆ ₇ ₈ ₉ ₊ ₋ ₌ ₍ ₎ ₐ ₑ ₒ ₓ ₔ ₕ ₖ ₗ ₘ ₙ ₚ ₛ ₜ 更多上标 ᵃ ᵇ ᶜ ᵈ ᵉ ᵍ ʰ ⁱ ʲ ᵏ ˡ ᵐ ⁿ ᵒ ᵖ ᵒ⃒ ʳ ˢ ᵗ ᵘ ᵛ ʷ ˣ ʸ ᙆ ᴬ ᴮ ᒼ ᴰ ᴱ ᴳ ᴴ ᴵ ᴶ ᴷ...
网页上可以正常显示的特殊符号
XiaoXiao_RenHe的专栏
01-20 7966
通用符号： ⁻,⁺,⁰,¹,²,³,⁴,⁵,⁶,⁷,⁸,⁹,•, .,₋,₊,₀,₁,₂,₃,₄,₅,₆,₇,₈,₉, Ⅰ,Ⅱ,Ⅲ,Ⅳ,Ⅴ,Ⅵ,Ⅶ,Ⅷ,Ⅸ,Ⅹ, ①,②,③,④,⑤,⑥,⑦,⑧,⑨,⑩,⑪,⑫,⑬,⑭,⑮,⑯,⑰,⑱,⑲,⑳, ＞,≥,＜,≤,≠,＝,‰,±,＋,－,×,÷,～,℃,α,β,′,″,°,@,¥,&,Φ,δ ⁻,⁺,⁰,¹,²,³,⁴,⁵,⁶,⁷,⁸,⁹...
阻止click点击事件
sina_panda
04-11 3万+
网上查了后有一下几种实现方法1.css禁用鼠标点击事件.disabled { pointer-events: none; } 注：（这个没有试过）2.直接使用阻止事件的进行 e.stopPropatation||e.cancelBubble = true jquery 禁用a标签 方法1$(document).ready(function() {
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值