横向 标签html css
css移除button按钮的所有属性
例如需要点击按钮才能触发的事件，按钮里面放图片会影响原本样式，这时需要隐藏button的样式 style="all: unset;" 效果：点击客服图标打开小程序客服窗口 ......
css虚线
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
HTML一键打包工具1.9.92更新发布, 支持串口通信，获取mac地址，自定义header等新功能
HTML一键打包EXE工具(HTML封装EXE,桌件)是一款神奇的工具，它可以让您把任何HTML项目(网址)变成一个独立的EXE文件，无需安装浏览器和服务器，只要双击就能运行。无论您是想制作KRPano全景VR项目，还是想开发WebGL游戏项目(Egret游戏打包,Cocos游戏打包,RPG MV ......
getRefs is undefined html vue2项目 报错
vue2项目提示 getRefs is undefined 在div上面写了，ref，还写了v-if 然后再watch中操作了 ref 导致报错。 分析： 组件因为v-if 为 false 没有注册和渲染，在操作的时候还使用了this.$refs函数就会获取不到 解决办法： v-if换成v-show ......
html占位符
  普通的英文半角空格   普通的英文半角空格但不换行 　 中文全角空格 （一个中文宽度）     en空格 （半个中文宽度）     em空格 （一个中文宽度）   四分之一em空格 （四分之一中 ......
CSS清除浮动的方法
1、浮动的概念 在CSS中，浮动（float）是一种布局技术，用于控制元素在页面中的位置。通过将元素浮动到其容器的左侧或右侧，可以使其他元素环绕它。 常见的用法： 选择器 { float: left; //左浮动 } 选择器 { float: right; //右浮动 } 2、浮动的特点 （1）浮动 ......
Ansible playbook实现apache批量部署,并对不同主机提供以各自IP地址为内容的index.html
[root@ansible ~]# vim /etc/ansible/hosts [webservers] 10.0.0.150 ansible_connection=local 10.0.0.160 #创建角色相关目录 [root@ansible html]# mkdir -pv /data/an ......
Swiper横向循环焦点图片展示
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Swiper的切换</title> <link rel="stylesheet" href="css/swiper.min.css"> <link rel="s ......
html表单与框架
1.以form开头 其中常用的属性有 action="" method="" enctype="" name="" action：属性用来设置接收和处理浏览器递交的表单内容的服务器程序的URL method：属性用来定义浏览器将表单中的信息提交给服务器端的处理程序的方式，取值可以为：GET或POST ......
css多卡片自适应屏幕尺寸
css多卡片自适应屏幕尺寸 <div class="gridBody"> <div class="div1"></div> <div class="div2"></div> <div class="div3"></div> <div class="div4"></div> <div class="d ......
通过freemarker与itext实现html转pdf
因果 因一些合同、发票等单据需要生成pdf文档，并且审核通过后需给该pdf文档盖章，所以需要生成pdf的解决方案。 实践中遇到的问题 其实单独使用itext也可以实现pdf的生成，但通过文本域进行实现数据的动态替换存在局限性，如动态表格就不能友好的进行动态生成，生成了也是个绝对定位，假如文档后面还存 ......
html 全选或全不选小案例
lf 你爱好的运动是？ 全选/全不选 足球 篮球 羽毛球 乒乓球 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>lf</title> <script type="text/javascript"> function sel ......
WPF控件之TabItem；选项卡TabFolder，选项卡标签TabItem。一个选项卡TabFolder由一个或者多个TabItem构成。
https://blog.csdn.net/lvyuyuehlm/article/details/73551028 https://blog.csdn.net/Grace_1203/article/details/80066786 1、Tabltem表示 TabControl控件中的一页。Tablt ......
Salesforce input 标签 成熟文件上传方案，
这次项目开发由于客户要求无法使用lwc标准的文件上传标签只能只能使用input标签来上传文件。下面是试验成功的方案。 注意：只能上传3mb文件，salesforce限制。也希望看到的文章大神们指点一下。 前端html <input autocomplete="off" style="padding: ......
CSS hack
之前一直很狭隘的对CSS hack持有偏见，觉得写得规范的代码不应该使用这些“邪门歪道”，可最近产品发布一个小问题却让我头疼了很久，最后查了一下资料，竟然使用CSS hack轻松解决了，不得不服啊，对付神奇的IE就得使用这些利器。 什么是CSS hack 由于不同的浏览器，甚至同一浏览器的不同版本对 ......
CSS 布局
一些基本概念 viewport: 展现网页的媒体，比如窗口或者某个区域，它的大小是有限制的，为了不被平台术语所束缚，我们给他起名viewport，中文意思就是视口。 canvas: 而我们在渲染网页的时候通常并不知道我们需要多大的空间，而且这些空间通常尺寸会超过viewport的大小，于是实际上我们 ......
CSS与Bootstrap的关系和区别
1. CSS是层叠样式表(Cascading Style Sheets)的缩写,是一种样式表语言,用于控制网页的视觉效果。 2. Bootstrap是一个开源的前端UI框架,基于HTML、CSS和JavaScript,用于快速开发Web应用程序和网站。 3. Bootstrap需要依赖CSS作为样式 ......
CSS
CSS（Cascading Style Sheets）是一种用于描述HTML（或XML等）文档的样式和布局的标记语言。它通过为HTML元素应用样式规则来控制元素的外观和排版。 CSS的主要作用是将网页的内容和样式分离，使得网页的结构和样式可以独立进行修改和管理。通过CSS，可以为HTML元素指定字体 ......
HTML+CSS随笔
这是我的学习笔记，重点是我容易忘的内容，并不全面 配合以下内容学习就很全面了 黑马程序员pink老师前端入门教程 HTML HTML文件基础结构解析 <!DOCTYPE html> <html lang="zh-han"> <head> <meta charset="UTF-8"> <meta na ......
Css实现浏览滚动条效果
Css实现浏览滚动条效果 前言 也是有大半个月没有更新文章了，大部分时间都在玩，然后就是入职的事。今天就更新一个小知识，刷抖音的时候看到的，感觉还不错。 属性介绍 关键属性animation-timeline:动画名称; 用于控制动画的时间轴。它可以让你在一个元素上同时播放多个动画，控制它们的开始时 ......
HTML图片和文本居中对齐
原理比较简单就不上图片了 你也许听说过在行元素中使用vertical-align: middle; 可以实现居中对其，但实际使用上，常常没有作用。 其实行元素有四条线分别是： 顶线 中线 基线 底线 默认行元素是基线对齐的（两个元素的基线在同一高度） 下面代码相当于图片的基线和文字的中线对齐（图片的 ......
直播网站源码，EasyUI按钮控制标签显示与隐藏
直播网站源码，EasyUI按钮控制标签显示与隐藏 1.第一种 document.getElementById("delete").style.display=''; //标签显示 document.getElementById("delete").style.display='none'; //标签 ......
linux 中 awk命令实现每隔指定行数打上标签
001、 a.txt [root@pc1 test01]# cat a.txt ## 测试数据 40 60 20 40 40 80 60 20 20 89 ## 每隔3行， 打上标签 [root@pc1 test01]# awk 'BEGIN{a=1}{if(sum <= 3) {print "ta ......
CSS 基础 5 - CSS 选择器
基础 #id{} ID 选择器 .class{} 类选择器 tag{} 标签选择器，tag 可以是 h1, p, div, span, img, nav, footer... *{} 通用选择器，选择所有元素，可以和其他复杂选择器组合 <div class="class1 class2" id="m ......
styled-components & CSS pseudo classes All In One
styled-components & CSS pseudo classes All In One
::after & ::before CSS 伪元素
......
CSS 实现 table 表头固定 tbody 显示垂直滚动条并自定义滚动条样式
一、最终效果图 二、关键代码 html 代码： <div class="table_info"> <table border="0" cellspacing="0" cellpadding="0" style="width: 100%;"> <thead> <tr> <th>项目账号</th> <t ......
WebKit Inside: CSS 样式表的匹配时机
WebKit Inside: CSS 的解析 介绍了 CSS 样式表的解析过程，这篇文章继续介绍 CSS 的匹配时机。 无外部样式表 内部样式表和行内样式表本身就在 HTML 里面，解析 HTML 标签构建 DOM 树时内部样式表和行内样式就会被解析完毕。因此如果 HTML 里面只有内部样式表和行内 ......
矩阵的乘法运算与css的3d变换（transform）
theme: qklhk-chocolate 引言：你有没好奇过，在一个使用了transform变换的元素上使用window.getComputedStyle(htmlElement)['transform'] 查询出来的值代表什么？ 为什么硬件加速要使用transform，以及为什么硬件加速会快? ......
CSS & JS Effect – Do something on enter/leave window tab
需求 我在做一个体验 当用户 submit enquiry 后会 window.open 开启 WhatsApp。而当用户关闭 WhatsApp 回来网站后，会 show 一个 feedback message。 实现思路 关键就在如何感知到，用户从 WhatsApp 切换回到了网站。 参考: De ......
使用html和js写一个音乐播放器
代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>音乐播放器</title> <style> @font-face { font-family: 'ChillCalligraphy'; src: url('./img/C ......