属性html css
CSS利用position实现水平垂直居中
HTML： <div class="box"> <div class="content"> <div>内容1</div> <div>内容2</div> </div> </div> CSS： .box { width: 200px; background: blue; position: relati ......
JQuery笔记 - JQuery HTML
text()、html()、val()、attr()的使用与其回调函数；append()、prepend()、after()、before()、remove()、empty()；addClass()、removeClass()、toggleClass()与css() ......
CSS的五种定位方式【哪一种脱离文档流】
元素自身居中(非内容) 块级元素居中: margin:0 auto; 行内元素和行内块元素: 给上级元素添加 text-align:center; 定位方式 包括: 静态定位 相对定位 绝对定位 固定定位 浮动定位 静态定位(文档流定位) 格式: position:static; (默认的定位方式 ......
聊聊CSS 缓动函数的新成员linear()
CSS 缓动函数是一种用于控制 CSS 动画过渡效果的函数，可以让动画变得更加自然。这篇文章将介绍一种新的 CSS easing function，即 `linear()`，它可以模拟出更复杂的缓动效果，文中demo请在chrome 113+中观看。 ## 什么是 easing function？ ......
HTML 全屏水印 vue 全屏水印
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>水印</title> <style> #water-div{pointer-events:none;position:fixed;top:0;left:0;right:0;bott ......
Hutool工具类属性汇总
### hutool工具类 [官网](https://www.hutool.cn/) [API文档](https://apidoc.gitee.com/dromara/hutool/) 优点： Hutool是一个小而全的Java工具类库，通过静态方法封装，降低相关API的学习成本，提高工作效率，使J ......
vscode element-plus/lib/theme-chalk/index.css报错路径找不到
vscode element-plus/lib/theme-chalk/index.css报错路径找不到 import { createApp } from 'vue' import './style.css' import App from './App.vue' import router fr ......
css实现video视频背景色变透明
利用css样式 mix-blend-mode 混合模式，有一个属性 screen ，就是黑色和其它元素进行混合的时候表现为透明。 于是我们要实现一个视频背景色透明的效果就很简单，只要把我们的视频背景色设置为黑色，同时设置如下CSS即可： video { mix-blend-mode: screen; ......
CSS九种选择器你知道吗？
表格table - 相关标签: table表格, tr表示行,td表示列,th表头,caption表格标题 - 相关属性: border 设置边框 , rowspan跨行 colspan跨列 表单form - 作用:获取用户输入的内容,并提交给服务器 - 相关文本框: input type = te ......
HTML
概念：即 HyperText markup Language 超文本标记语言，作用是定义网页的内容和结构 # HTML元素 HTML由一系列元素 elements 组成，例如： ~~~html Hello,world! ~~~ 元素可以有属性，如 ~~~html Hello,world! ~~~ 元 ......
java中属性和局部变量的作用域
1. 类中的属性和局部变量可以重名，访问时遵循就近原则 2. 在同一个作用域中（{}大括号括起来的），如在一个成员方法中，两个局部变量不能重名 3. 属性的生命周期长，随着对象的创建而创建，随着对象的销毁而销毁； 局部变量的生命周期短，随着它所属的代码块执行而创建，随着代码快的结束而销毁。 4. 作 ......
CSS（二）
一、emmet语法 1、简介 Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法。 快速生成HTML结构语法 快速生成CSS样式语法 2、快速生成HTML结构语法 生成标签 直接输入标签名 按tab键即可 比如 div 然后ta ......
2023.5.30 Linux系统文件属性
03.Linux系统文件属性 1.Linux系统文件属性 3.Linux系统文件类型 4.Linux系统链接文件 4.1软链接 4.2硬链接 4.3软硬链接区别 1.Linux系统文件属性 -rw .1 root root 4434 May 30 13:58 ks.cfg -rw . 1:文件类型与 ......
springboot项目启动访问任何html页面报类型转换错误：Failed to convert value of type...
问题： 2023-05-30T21:35:57.495+08:00 WARN 19900 [nio-8080-exec-8] .w.s.m.s.DefaultHandlerExceptionResolver : Resolved [org.springframework.web.method.ann ......
前端全栈资料-css2
入门 1-特殊选择器多类名 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .aqua{ color: aqua; } .font{ font-size: 10px ......
Kotlin中的扩展函数和扩展属性
###扩展函数 Kotlin中可以给一个类额外添加这个类中没有的函数，即扩展函数。例如： ``` fun Int.dp2px(context: Context) { TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, this.toFloat ......
自定义方法，实现按指定属性进行去重
实例：根据age、sex、name对user对象集合进行去重 ``` //构建user对象 public class User { private int id; private String name; private int age; private String sex; private do ......
css选择器选择父元素下子元素仅有一个指定 class 的时候
对于仅指定一个 class 的场景，我们通常会想到使用 :last-child 或者 :only-child 但是亲测发现，这些伪类选择器不是仅在子元素只有一个我们想要筛选的 class 类的时候，才会被选择，而是仅有一个子元素的时候才会被选中，所以，如果我们子元素还有其他非该类的子元素，则不会被认 ......
uiautomator2获取UIObject元素的属性info用法
info是UIAutomator2中用来获取控件属性信息的方法。该方法可以获取到指定元素的一些属性信息，例如控件的文本、坐标、大小、类名、包名、是否可见等。使用该方法可以帮助我们更好的理解应用程序的UI结构，并找到需要操作的控件元素。 d(text=element, instance=index). ......
Tailwind CSS与写全局样式的优势
Tailwind CSS 是一个基于原子类的 CSS 框架，它提供了一系列的 CSS 类，可以用来快速构建网页界面。与传统的 CSS 框架不同，Tailwind CSS 不是提供一些预定义的样式，而是提供了一系列的原子类，诸如 flex, pt-4, text-center 和 rotate-90 ......
C# 程序开发中如何移除List集合的某列(属性)呢？
如题，在C#&.NET,.NET Core程序开发中如何移除List集合的某列(属性)呢？ 比如，有以下的MyClass类： public class MyClass { public int Column1 { get; set; } public string Column2 { get; se ......
css3 复习
1.不固定宽高实现水平居中，垂直居中 一共有3种方法 flex display: table-cell; vertical-align: middle;text-align: center; transform: translate(-50%, -50%); 方法二： .box { width: 3 ......
[javascript/html] HTML中Location对象详解
# 1 Location 介绍 + `location`指示了其所连接对象的url位置。 + `location`的应用场景 > + 获取并在页面中显示当前url的信息（protocol、host、port、query-string、hash、...） > + 设置/跳转至别的页面 >> 通过设置` ......
文档在线预览（二）word、pdf文件转html以实现文档在线预览
@[toc] 实现文档在线预览的方式除了上篇文章[《文档在线预览（一）通过将txt、word、pdf转成图片实现在线预览功能》](https://blog.csdn.net/q2qwert/article/details/130884607)说的将文档转成图片的实现方式外，还有转成pdf，前端通过p ......
前端开发如何更好的避免样式冲突？级联层(CSS@layer)
本文主要讲述了CSS中的级联层（CSS@layer），讨论了级联层的创建、嵌套、排序和浏览器支持情况。级联层可以用于避免样式冲突，提高代码可读性和可维护性。以及相关的级联知识的深入理解。 ......
vscode 自定义代码字体颜色，局部变量、全局变量、函数、宏、属性
vscode自定义代码字体与颜色风格在setting.json中修改即可：在这里插入图片描述"editor.semanticTokenColorCustomizations": { "enabled": true, // enable for all themes "rules": { "*.sta ......
深入vue2响应式原理,在对象或数组新增属性无响应
# 深入vue2响应式原理,在对象或数组新增属性无响应 # 解决方法 # 前言 ``` 该问题只存在vue2, 基于Object.defineProperty的特性,vue3中的proxy已经解决了该问题,但也存在兼容性问题, 例如IE系统任意版本都不支持. ``` ![image-20230524 ......
HTML标签大全
1.1 HTML语法规则： 1.HTML 标签是由尖括号包围的关键词，例如 <html>。2.HTML 标签通常是成对出现的，例如 <html> 和 </html> ，我们称为**双标签**。3.签。标签对中的第一个标签是开始标签，第二个标签是结束标签。 有些特殊的标签必须是单个标签（极少情况），例 ......
统计同名数据基于html js
# 1.教程 1将数据逐行复制到excell2.新建txt文件，将excell中的全部数据复制到txt文件中3.使用edge打开统计同名数据.html,右击网页打开控制台4.选择txt文件，确认，会在控制台展示结果点击 # 2.数据示例 可以有空格，回车，形式为： 名称 数量 ```DN150球铁平 ......