Html
Vue3 ，html 修改滚动条样式
``` /* 滚动条 */ body *::-webkit-scrollbar { width: 5px; height: 10px; } body *::-webkit-scrollbar-track { background: #fff; border-radius: 2px; } body * ......
tailwindcss在使用cdn引入静态html的时候，使用vscode代码提示
原文： Hey! The Intellisense extension does need a config file to work today. I would suggest creating one in your project root to enable the extension. ......
html+css实现二级导航栏效果，简单易看懂噢！
这应该是这几天以来看到的最简单易懂的有二级菜单栏的导航栏效果实现了 使用html+css实现，看了好几天导航栏的实现方式，要么是太复杂的需要JS或者框架的，要么是太简单仅仅使用div和超链接的， 再要么就是只有简单的一级导航，没有二级菜单栏的，心情复杂 就想找一个有二级菜单栏，使用html+css实 ......
三种隐藏 HTML 元素的方式 ----记录
在网页应用中，显示/隐藏某个元素或组件是一件经常要做的事情，尤其是在目前比较流行的单页应用中。 总体而言，有 3 种方式来实现 CSS 的 display: none; CSS 的 visibility: hidden; HTML5 的 hidden 属性（boolean） 它们之间有相同点和不同点 ......
html告诉浏览器不要缓存错误页面
如果您在浏览器中点击后退按钮，则浏览器将重新加载之前的请求，并显示 404 错误页面内容。这是因为浏览器会缓存错误页面内容，并在您点击后退按钮时从缓存中加载之前的请求结果，而不会重新向服务器发出请求。 为了避免这种情况的发生，您可以设置缓存控制来确保浏览器不会缓存错误页面。在自定义的 404 页面中 ......
HTML入门 【strikethrough】
HTML Hyper Text Markup Language: 超文本标记语言 标记语言格式: <开始标签 属性='值'>标签体</结束标签> 超文本:指不仅仅是纯文本还包括字体效果和多媒体信息(图片,音频,视频) 文本相关标签 内容标题h1-h6: 特点: 独占一行, 自带上下间距, 字体加粗 ......
html去按钮边框的代码
以下是一段HTML和CSS代码，用于去除按钮边框： <button class="no-border">不带边框的按钮</button> css复制代码 .no-border { border: none; outline: none; } 上述代码将创建一个没有边框的按钮。 在默认情况下，HTML ......
原生 js 和 JQuery 语法操作（增、删、改、查）常见的 HTML 元素
如何操作（增、删、改、查）常见的 HTML 元素呢？（包含原生 js 和 JQuery 语法对照） 一、通用的操作示例 1、查询 根据 id 查询（结果为单个对象） // 原生 js 写法 var elementobj = document.getElementById("elementid"); ......
《HTML入门2常用标签》
## HTML入门2常用标签 分别有：**a** 标签、**img** 标签、**table** 标签、**form** 标签、**input** 标签等。 #### a 标签（特别常用） a 标签即超级链接，又叫超链接。一个网站通常由多个页面构成，进入网站时首先看到的就是其首页，如果想从首页跳转至 ......
前端HTML标签1
# HTML实用合集1 ## 1.框架 使用英文！，按tab键出现框架。  ......
HTML中让上下两个div之间保持一定距离或没有距离
这篇文章主要为大家详细介绍了HTML 让上下两个DIV之间保持一定距离或没有距离，可以用来参考一下。 1、若想上下DIV块之间距离，只需设定：在CSS里设置DIV标签各属性参数为0div{margin:0;border:0;padding:0;} 这里就设置了DIV标签CSS属性相当于初始化了DIV ......
html基础速成(1)
<!DOCTYPE html>声明为HTML5文档 #放在开头<html>页面的根元素 #第一层</html> <meta charset="utf-8">定义网页编码格式为utf-8(放在<head></head>内)<title>描述了文档的标题</title> <head>包含文档元数据</h ......
html 学习笔记
[toc] # 基础知识 ## 斜体强调行内容 使用标签 \ 和 \ 来包裹它。 ## 着重强调 使用标签 \ 和 \ 来包裹它。 ## 空元素 不是所有元素都拥有开始标签、内容和结束标签。一些元素只有一个标签，通常用来在此元素所在位置插入/嵌入一些东西。这些元素被称为空元素。例如：元素 \ 是用来 ......
HTML入门笔记1
**一、HTML是谁发明的?** 1990年Tim Berners Lee发明了www（world wide web万维网），为了方面人们于阅读网页，与此同时自己又发明了HTML、HTTP、URL；用自己写的浏览器去访问自己写的服务器，这就是如今人们上网访问网页的起源和雏形。 **二、HTML起手应 ......
https:imnks.com369.html hosts处理
# https:imnks.com369.html hosts处理 ``` sudo -i #手动筛选的ip，2022.11.1更新 curl http://code.imnks.com/hosts.sh | bash #自动筛选的ip curl http://code.imnks.com/host ......
html文件minify
为了对[quarto](https://quarto.org/)产生的单个html文件进行精简压缩，笔者试用了如下几种工具：`parcel`、`minify`、`minify-html`进行试验，结果`parcel`不能正常工作，因文件中有`require`第三方库；`minify-html`效果比 ......
html字体怎么设置繁体字?
HTML中设置繁体字非常简单，只需要在CSS样式表中使用正确的字体即可。通常情况下，电脑中已经安装的字体库中就包含了繁体字体。 要设置繁体字体，可以使用font-family属性，并将属性值设置为包含繁体字体的字体名称，例如Microsoft JhengHei、TW-Kai等等。 以下是一个简单的示 ......
html在移动端滑动无效的解决方法
1. 排查下是否有类似touchmove类似的事件绑定，可能就是其中取消了默认的事件行为。 解决方法，在你想滚动的直接父级元素上添加 `@touchmove.stop="void null"`类似的事件绑定应该就可以解决了。 这里利用了事件冒泡终止的方式。 ......
前端知识-HTML
HTML 这个整理的也挺好的 https://www.cnblogs.com/suoning/p/5614372.html 1、HTML（结构）、CSS（样式）、JS（行为） 2、网页基本结构 <html> <head> <!-- 头部内容 --> </head> <body> <!-- 主体内容 ......
Html5定位不准确问题
if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(getPosition,getPositionError, { // 指示浏览器获取高精度的位置，默认为false enableHighAccuracy: tr ......
支持复制粘贴word公式的HTML编辑器
在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题，于是各种网上扒拉，终于找到解决方案，在这里感谢一下知乎中众大神以及TheViper。 通过知乎提供的思路找到粘贴的原理，通过TheViper找到粘贴图片的方法。 其原理为一下步骤： 监听粘贴事件；【用于插入图片】 获取光标位置；【记录图片 ......
VSCode的Minify自动压缩html css js插件
VSCode的Minify自动压缩html css js插件 11-26分类: VSCode25个赞 这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置，以及自动压缩保存并导出为.min文件的选项。它能够分别通过 uglify-js、clean-css ......
html网页中禁用右键下载视频的解决方法(iframe和video)
html网页中禁用右键下载视频的解决方法(iframe和video) 前言： vidoe组件——禁用下载功能 有些官网上的视频是不允许下载的，为了防止视频被盗或者从事违法的活动。 因此我们在官网等敏感网站中使用video组件的时候，需要视频的禁用下载功能；在使用video组件来播放视频时，视频上会有 ......
html+css实现的计算机科学学院首页静态页面
家人们啊，我真是出息了 终于不是我仿写的了，是我真正意义上完全由自己编写的一个静态页面，总算是看起来比较可以了 主要是在仿写的时候，感觉博主写的实在是太乱了又很复杂，不如自己编写一下简单，就简单试了一下 经过了大概一个星期，总算是写出来了 主要是一个西南石油大学计算机学院的页面，很简单，更多的是类似 ......
[HTML 5] Detect visualViewport change
On mobile device, when you open / close the keyboard, zoom in / out, it might affect the visual viewport view (the actual page content); to detect cha ......
HTML与CSS综合设计报告
【项目描述】 最近来自国产的独立像素游戏《风来之国》发售，借此做一个相关的游戏介绍网页来介绍这款游戏，并收集感兴趣玩家的信息反馈，以此改进游戏，吸引玩家的加入。 图1 主页预览图 【涉及知识点】 1、 HTML 布局 2、 文本属性 3、 图片的插入 4、 css链入式的使用 5、 选择器的使用 6 ......
html屏蔽右键、禁止复制与禁止查看源代码的几种方法
方法一：左右键屏蔽 先来一种最简单的方法，它直接在body属性定义了oncontextmenu，使得右键的值为false，起到了屏蔽右键的效果。 1 <body oncontextmenu=self.event.returnValue=false> 这个方式虽然屏蔽掉了右键的功能，但是左键还可以使用 ......
html积累
html5中的积累： details与summary标签： // 解释：定义一个可见标题，点击“标题”会显示“详细信息”// 兼容：目前仅Chrome, Safari 8+ 和Opera 26+支持此标签<details> <summary> 标题 </summary> 详细信息 </details ......
[React Typescript] useRef with HTML Elements
React set the ref to null in runtime. It is a limitation now for react. import { useRef } from 'react'; export const Component = () => { const ref = u ......