横向 标签html css
动态修改el-input样式，css变量形式外层修改input样式
背景：正常我们在修改样式的时候，直接在样式表里写死，但是如果我们想要动态的修改样式，例如el-input字体颜色时，我们需要修改的实际是.el-input__inner这个样式的color，既然是动态，我们就不能在样式表里写死了，而是使用CSS变量修改。 一、CSS变量是什么？ 1.css变量 注意 ......
web前端入门到实战：HTML5基础-新增标签+新增属性+布局案例
html5中常用的结构标签 article 文章 header 头部 nav 导航 section 区域 aside 侧边栏 hgroup 区块的相关信息 figure 定义一组内容及标题 figcaption 定义figure元素的标题 footer 底部 dialog 对话框 使用习惯： hea ......
全栈工程师必须要掌握的前端CSS技能
作为一名全栈工程师，在日常的工作中，可能更侧重于后端开发，如：C#，Java，SQL ，Python等，对前端的知识则不太精通。在一些比较完善的公司或者项目中，一般会搭配前端工程师，UI工程师等，来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师，在一些小型项目或者初创公... ......
Learn Git in 30 days——第 15 天：标签 - 标记版本控制过程中的重要事件
写的非常好的一个Git系列文章，强烈推荐 原文链接：https://github.com/doggy8088/Learn-Git-in-30-days/tree/master/zh-cn 在使用 Git 版本控制的过程中，会产生大量的版本，随着寒暑易节、物换星移，在这众多的版本之中，一定会有一些值得 ......
html 铆钉跳转指定元素 元素id
目录html 铆钉跳转指定元素 元素id html 铆钉跳转指定元素 元素id 标识该元素的唯一身份, 并且可以在其他地方引用 比如，通过a标题跳转到指定的位置: <p> <a href="#C4">查看章节 4</a> </p> <h2>章节 1</h2> <p>这边显示该章节的内容……</p> ......
html div && span 容器元素
html div && span 容器元素 div 标签定义 HTML 文档中的一个分隔区块或者一个区域部分, 标签常用于组合块级元素，以便通过 CSS 来对这些元素进行格式化 span 用于对文档中的行内元素进行组合 标签提供了一种将文本的一部分或者文档的一部分独立出来的方式 <html> <he ......
CSS之实现视频背景
1.新增<video> <video class="video-background" autoplay muted loop> <source src="../../assets/starry-sky.mp4" type="video/mp4" /> Your browser does not s ......
jmeter 命令运行生成html报告
打开cmd 跳转到需要执行jmx文件的目录 执行生成命令。jmeter -n -t C:\Users\XXX\Desktop\test-automation\BCM\bcm_自动化.jmx -l result.jtl -e -o jmeter 生成的结果文件和之前jmx文件是一个目录 如果执行命令提 ......
CSS
CSS (Cascading Style Sheets，层叠样式表） 是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言，CSS 文件扩展名为 .css 选择器通常是您需要改变样式的 HTML 元素 每条声明由一个属性和一个值组成 CSS声明总是以 ......
requests_html
https://requests.readthedocs.io/projects/requests-html/en/latest/ from requests_html import HTML, HtmlElement, HTMLResponse, HTMLSession def article_p ......
html form拼凑表单触发后端api
目录html form html form <html> <head> <title> html index </title> </head> <body> <!-- form，点击提交后，访问demo.php.而我们一般用于form形成表单后，触发后端的api --> <form action=" ......
springBoot spring6 无法加载 thymeleaf的，在html页面中无法智能感知 th：这些
网上所有的坑我都试过了，还是无法解决问题， @Controller public class SellController { @RequestMapping("/test01") /* @ResponseBody */ public String index(){ return "test01"; ......
mybatis choose 标签使用
choose when otherwise 标签可以帮我们实现 if else 的逻辑。 一个 choose 标签至少有一个 when, 最多一个otherwise /** * - 当 type 有值时， 使用 type 进行查询； * - 当 type 没有值时， 使用 type = 1 进行查询 ......
Vue.js的index.html文件中引入JavaScript文件
将js文件放在public文件夹下面 在index.html文件下引入js文件 在前面加<%= BASE_URL %>后面加路径，如果想将本地js文件打包之后也放在static/js文件夹下，需要在public文件夹下创建一个和打包之后文件放的位置一样的文件夹 <script src="<%= BA ......
css中文字太多显示方法
第一种方法：“溢出省略号”，即当文字超出一定宽度时，将其省略，并显示“...”。p { overflow: hidden; /* 将超出部分隐藏 */ text-overflow: ellipsis; /* 显示省略号 */ white-space: nowrap; /* 禁止换行 */ } 第二种 ......
IDEA选择标签页时，左侧项目目录自动选择对应文件
如上图所示，这样子，在我们选择标签页的时候，项目自动展开选中对应文件，就很方便了(类似vscode的文件自动定位打开) ......
template标签中slot=“title”级别显示空白的问题的解决
问题描述 按照网上的教程进行element-ui组件的引入时，发现这行代码不能再浏览器里面显示出来： 问题解决 上面的问题就很抓马，直觉告诉我，这是由于vue3版本的缘故，查资料去！ <template slot="title"></template> 名为具名插槽； 可以使用这种形式代替： <te ......
css基础
CSS引用 如何在html中使用css?有三种方式 外链式 通过在head标签里 使用link引入写好的css文件(推荐使用) 内嵌式 head标签里style标签 ,在style里通过 行内式 写在标签的开始位置通过style属性设置样式(不推荐使用) 选择器 选择器分为三大类: 基本选择器 复合 ......
css3属性之 text-overflow:ellipsis
语法： text-overflow:clip | ellipsis 默认值为clip 不显示省略标记 clip:当前对象内文本溢出时不显示省略标记,而是将溢出部分裁剪。 ellipsis:当对象内文本一处时显示省略标记(...)。 一、常见的单行文本溢出显示省略写法： text-overflow: ......
Html基础
Html标签分类 html标签基本分为三大类：块元素标签，行内元素标签，行内块元素标签。 块元素标签：独占一行，可以设置宽高，默认有宽度没有高度。其中块元素标签有 p,div,h1~h6,hr,li,ul,ol,dl,dt,dd,th,tr,from 行内元素：不独占一行，不可以设置宽高，默认有高度 ......
index.html在webpack打包时动态生成index模板
通过<%= BASE_URL %>包裹环境变量 通过<% if (process.env.NODE_ENV 'production' ) { %> <% } %>包裹条件判断 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <meta co ......
直播软件搭建，css隐藏滚动条，但使超出部分任然可以滚动
直播软件搭建，css隐藏滚动条，但使超出部分任然可以滚动 /*长tabs，隐藏滚动条，保留滚动功能*/.weChat-tabs{ height: 40px; display: flex; overflow-x: scroll; padding: 0 20px; white-space: nowrap ......
直播软件开发，JavaScript HTML5 dom，图片拖拽上传功能
直播软件开发，JavaScript HTML5 dom，图片拖拽上传功能 <!DOCTYPE html><html><head><meta charset="utf-8"><title></title><style type="text/css">.box{display: flex;width: ......
现代 CSS 解决方案：原生嵌套（Nesting）
很早之前，就写过一篇与原生嵌套相关的文章 -- CSS 即将支持嵌套，SASS/LESS 等预处理器已无用武之地？，彼时 CSS 原生嵌套还处于工作草案 Working Draft (WD) 阶段，而今天（2023-09-02），CSS 原生嵌套 Nesting 终于成为了既定的规范！ CSS 原生 ......
css防止图片挤压变形 object-fit: cover
img{ width:200px; height:100px; object-fit: cover; } 该属性会对图片保留原始比列，多余的会被裁剪。 添加该属性会适应指定容器的高度与宽度。 一般用于 img 和 video 标签，一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等 语 ......
HTML5（H5）新特性
HTML5（H5）是HTML标准的第五个版本，引入了许多新特性和改进，以下是一些H5的新特性： 语义化标签：H5引入了一系列新的语义化标签，如<header>、<footer>、<nav>、<article>等，有助于更清晰地描述页面结构和内容。 视频和音频支持：H5提供了<video>和<audi ......
HTML5 Canvas 数据持久化存储之属性列表
正常我们设置属性的时候，属性和属性值的 key value 对应，但是在实际开发中，经常遇到属性值可能需要从多项中选择，这个时候用原生的 HTML5 配合 JavaScript 来实现这个功能会让人非常头疼，我试着用 HT for Web 来实现了这个功能，感觉整体实践起来还是比较容易的，所以在这边 ......
HTML 实体字符
HTML 实体字符是一种特殊的字符串，用于在HTML文档中表示一些预留的字符或不能直接输入的字符。例如，我们不能在HTML文档中直接使用小于号和大于号，因为它们被用作标签的定界符。但是我们又必须有一个方法来表示这些字符，所以我们使用字符实体。 在HTML中，有许多预定义的字符实体。预定义字符实体以" ......
springboot项目里面，如何实现同目录下的html页面之间的跳转
1、借用controller层 在controller层定义相关方法，借助中间层实现html页面之间的跳转； 试过了，很可行，但是比较麻烦，会增大controller层的负担； 2、直接定义一个能够将所有的界面跳转包含进去的controller（查资料发现，缺失好像没有直接html之间跳转的--调用 ......