效果html css
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. ......
css实现文本超出固定行数显示...和展开收起
文本超出固定行数显示...和展开收起 项目中有时需要实现文字超出末尾显示…和展开收起按钮的需求，在我用js限制字符数实现之后，又去找了大佬用css实现的方法，发现这样更满足我的需求且更简单。 思路： float可以实现文字环绕效果判断展开收起的状态，可以使用复选框和伪元素结合实现复选框选中、未选中的 ......
html+css实现二级导航栏效果，简单易看懂噢！
这应该是这几天以来看到的最简单易懂的有二级菜单栏的导航栏效果实现了 使用html+css实现，看了好几天导航栏的实现方式，要么是太复杂的需要JS或者框架的，要么是太简单仅仅使用div和超链接的， 再要么就是只有简单的一级导航，没有二级菜单栏的，心情复杂 就想找一个有二级菜单栏，使用html+css实 ......
三种隐藏 HTML 元素的方式 ----记录
在网页应用中，显示/隐藏某个元素或组件是一件经常要做的事情，尤其是在目前比较流行的单页应用中。 总体而言，有 3 种方式来实现 CSS 的 display: none; CSS 的 visibility: hidden; HTML5 的 hidden 属性（boolean） 它们之间有相同点和不同点 ......
教学笔记：CSS学习笔记
### css初级篇 1．css：cascading style sheet，层叠样式表 2．引入css 1. 行间样式 `style = “ ”` 2. 页面级 `` 3. 外部文件 `` ，同时（异步）加载 ### css选择器 1. Id选择器 #（井号） 2. class选择器 .（点） 2 ......
html告诉浏览器不要缓存错误页面
如果您在浏览器中点击后退按钮，则浏览器将重新加载之前的请求，并显示 404 错误页面内容。这是因为浏览器会缓存错误页面内容，并在您点击后退按钮时从缓存中加载之前的请求结果，而不会重新向服务器发出请求。 为了避免这种情况的发生，您可以设置缓存控制来确保浏览器不会缓存错误页面。在自定义的 404 页面中 ......
多个相邻元素切换效果出现边框重叠问题的解决方法
多个相邻按钮切换效果出现边框重叠问题的解决方法下图所示的是一种常见的切换效果，在实现这种切换效果时，经常会遇到相邻按钮边框重叠的问题（查看demo），有没有好的解决方法呢？ 所出现的边框重叠问题： 目前，很多优秀的UI组件库都有这种切换效果的组件，通过对他们实现方式的学习，现对边框重叠问题的解决方法 ......
HTML入门 【strikethrough】
HTML Hyper Text Markup Language: 超文本标记语言 标记语言格式: <开始标签 属性='值'>标签体</结束标签> 超文本:指不仅仅是纯文本还包括字体效果和多媒体信息(图片,音频,视频) 文本相关标签 内容标题h1-h6: 特点: 独占一行, 自带上下间距, 字体加粗 ......
css-select 工具包的依赖分析
我在 yarn.lock 文件里看到下列这段内容，请问其语义是？ ```yml css-select@^4.2.0: version "4.3.0" resolved "https://registry.yarnpkg.com/css-select/-/css-select-4.3.0.tgz#db ......
CSS-Select 开发包和使用案例分享
CSS-Select 是一个用于解析 CSS 选择器的工具包，它提供了一套完整的 API，可以方便地进行 CSS 选择器的解析和匹配。该工具包是基于解析器生成器 jison 开发的，可以在 Node.js 环境下使用。下面，我们来详细介绍一下 CSS-Select 工具包的作用和使用方法。 ### ......
jQuery CSS方法+jQuery盒子模型
http://api.jquery.com/height/ JS文件： $(document).ready(function () { //CSS方法 //第一种写法 //$("div").css("width", "100px"); //$("div").css("height", "100px" ......
css 布局 自然换行，最后一行左对齐
## 参考 [CSS flex布局最后一行左对齐的常用方法](https://blog.csdn.net/m0_37714008/article/details/125780293) 感谢这位博主 ## 代码 ``` .list { display: grid; // ← justify-conte ......
html去按钮边框的代码
以下是一段HTML和CSS代码，用于去除按钮边框： <button class="no-border">不带边框的按钮</button> css复制代码 .no-border { border: none; outline: none; } 上述代码将创建一个没有边框的按钮。 在默认情况下，HTML ......
前端页面Table CSS实现固定表头表首行和固定列拖动固定
需要用到的2个属性 table-layout : fixed position : sticky table-layout table-layout属性有两种特定值： auto（预设值）-表格的总宽度决定每一个储存格（cell）的最大值fixed - 表格的总宽度决定于表格width的定义,以及各栏 ......
原生 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 ......
css实现多行文字超长，显示..., 添加展开，收起
效果如下：  展开的样式： 产生的单个html文件进行精简压缩，笔者试用了如下几种工具：`parcel`、`minify`、`minify-html`进行试验，结果`parcel`不能正常工作，因文件中有`require`第三方库；`minify-html`效果比 ......
html字体怎么设置繁体字?
HTML中设置繁体字非常简单，只需要在CSS样式表中使用正确的字体即可。通常情况下，电脑中已经安装的字体库中就包含了繁体字体。 要设置繁体字体，可以使用font-family属性，并将属性值设置为包含繁体字体的字体名称，例如Microsoft JhengHei、TW-Kai等等。 以下是一个简单的示 ......