横向 标签html css
【前端开发】跨标签页广播通信教程，可方便新窗口修改原窗口实时更新
日常业务开发中我们常常会碰到如下的场景，即两个标签页之间的通信问题。我们在第一个标签页如何执行操作后在第二个标签页获取到信息。 BroadcastChannel API 为我们提供了一种快捷且高效的途径 创建useTagMessage.ts文件 // 跨标签页通信方案 ‘Msg’即通道名称，可以是任 ......
2023-10-20 hexo的文章如何设置多个标签（tags）==》单个用字符串，多个用数组
单个用字符串： tags: 'bug' 多个用数组： tags: ['bug','406'] ......
以下是一个简单的HTML代码示例，演示如何实现分身份登录（用户登录和管理员登录）
<!DOCTYPE html><html><head> <title>分身份登录</title></head><body> <h2>用户登录</h2> <form action="user_login.php" method="post"> <label for="user_username">用户 ......
css 渐变与背景裁剪
1.css的渐变 线性渐变 /* 线性渐变 */ .one { width: 300px; height: 300px; background: linear-gradient(to right, rgb(244, 239, 239) 2%, rgb(0, 9, 0) 5%, rgb(244, 23 ......
[转]CSS单位em和rem
原文地址:em和rem - WananPr1st - 博客园 em和rem都是相对单位，由浏览器转换为像素值，具体取决于设计中的字体大小设置。1em或者1rem会被浏览器解析成从16px到160px或者其他任意值。 em和rem单位之间的区别是浏览器根据谁来转化成px值的。 1.em em是相对于被 ......
css多个元素一行排列的方法
1、弹性盒子模型（FlexBox），不考虑兼容性问题的情况下，建议新手直接使用这种模式，简单，最重要的是元素不会浮动，不会影响后面的元素的布局，比如下面代码中的我在底层这个div的显示没有任何影响。 <html> <head> <style> #tasklist{ background-color: ......
你也许不再需要使用 CSS Media Queries（媒体查询）了
你也许不再需要使用 CSS Media Queries（媒体查询）了 最近，CSS 引入了一项新功能：Container Queries。它可以替代 Media Queries 并实现 Media Queries 无法胜任的任务。 超越 Media Queries 的功能 让我们想象一个场景：在网页 ......
直播平台源代码，TabLayout标签较少时，如何居中显示
直播平台源代码，TabLayout标签较少时，如何居中显示 <android.support.design.widget.TabLayout android:id="@+id/tabLayout" android:layout_width="match_parent" android:layout_ ......
html+css3+anime.js实现线条来回滑动且渐隐动画
效果： 代码： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=devic ......
vue2和vue3导出页面为PDF格式：jspdf和html2canvas
一、vue2导出PDF使用步骤 1、安装html2canvas，将页面html转换成图片 npm install --save html2canvas 卸载： npm uninstall html2canvas 指定版本安装： npm install --save html2canvas@1.0.0 ......
html+css3+anime.js实现文字故障动画
记录一个很酷的动画，效果如图： 是基于html+css3+anime.js实现的，看了眼代码，其实是默认文字的div中定位了几个相同的文字块，利用clip-path这个属性去裁剪展示其中的一部分，用于展示故障的效果，动画则是使用anime.js去循环改变X与Y轴的位置，同时调整绘制的颜色，demo代 ......
HTML5 DAY1
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <dl> <dt>x小明</dt> <dd> 个人描述： <ul> <li>身高：173cm</li> <li>体重：55kg</l ......
认识HTML基础标签
一 文本标题 <h1></h1> <h2></h2> ... <h6></h6> 文本标题默认加粗,竖着排列,垂直有缝隙,文本大小从h1到h6由大到小 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name= ......
CSS-04
定位 将盒子定在一固定位置 组成 定位模式+边偏移 定位模式 static-静态定位(标准流)（相当于无定位） relative-相对 absolute-绝对（脱标） fixed-固定（脱标） 相对定位 相对位置 position: relative; top: 100px; 相对自己的位置移动 ......
git 标签（tag）使用
一、创建提交 命令行（CLI） #创建v2023.10.18标签，及对应更新内容 $ git tag -a v2023.10.18 -m "1、提交10.18版本。" #指定提交版本（b216e3db）打标签 $ git tag -a v2023.10.18 b216e3db -m "1、提交10. ......
css设置backgroud：url(),无效
react项目中，使用styled-components编写样式，给元素添加背景图不生效。 background直接设置十六进制颜色或者颜色的英文名称都是可行的，但是使用url无作用，那就是url问题了，于是我想换一种思路，能不能把图片import进来，放进url里，避免错误的路径呢，于是 哎嘿，好 ......
html 字符串 跑马灯
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>文字跑马灯 CSS ......
CSS 还原拉斯维加斯球数字动画
我的小册 《CSS 技术揭秘与实战通关》上线了，想了解更多有趣、进阶、系统化的 CSS 内容，可以猛击 - LINK。 最近大家刷抖音，是否有刷到拉斯维加斯的新地标 「Sphere」： 场馆内部的视觉效果非常惊人，其中一个效果让我虎躯一震： 我的第一想法就是，这个看起来用 CSS 也可以实现嘛？还有 ......
CSS:@keyframes和animation
一、@keyframes定义动画 通过 @keyframes 规则，您能够创建动画。创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。在动画过程中，您能够多次改变这套 CSS 样式。 以百分比来规定改变发生的时间，或者通过关键词 "from" 和 "to"，等价于 0% 和 100%。0% ......
2前端开发css
form表单 '''获取前端用户数据并发送给后端服务器''' <from action = ""></from> #需要再form标签内部编写获取用户数据标签 #1属性action 控制数据的提交地址 方式1：写全路径 action = "http://www.aa7a.cn/user.php" 方 ......
【开源分享】基于Html开发的房贷计算器，模仿新浪财经
房贷计算器是一种房贷计算的在线计算Web应用，按用户选择的贷款类型、贷款金额、期限、利率可计算得出每月月供参考、支付利息、还款总额这些信息。本文模仿新浪财经开发的房贷计算器。 作品预览 https://fangdai.gitapp.cn 源码地址 https://github.com/geeeeee ......
CSS-03
去掉li前面的项目符号：list-style：none 圆角边框 border-radius: 12px;可以是px或百分比 若将正方形改为圆形，则：border-radius: 50%;或者将其设为宽度的一半。 盒子阴影 box-shadow: 8px 10px 10px 10px rgba(0, ......
CSS - 放大缩小淡入淡出效果
效果图： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS Zoom in and out Animation</title> <style> @-webkit-keyframes zoomIn { f ......
Go - Handling HTML Forms
Problem: You want to process data submitted from HTML forms. Solution: Use the Form field of http.Request or the FormValue method to access the data s ......
直播软件搭建，LabelList标签选择器
直播软件搭建，LabelList标签选择器 import android.content.Context;import android.content.res.ColorStateList;import android.content.res.TypedArray;import android.gr ......
[学习笔记] 有关CSS响应式设计的单位
em 和 rem 单位：em 和 rem 是相对于元素的字体大小计算的单位。em 单位是相对于父元素的字体大小，而 rem 单位是相对于根元素（通常是 <html> 元素）的字体大小。em 和 rem 单位可以用于实现相对于字体大小的自适应布局。 vw 和 vh 单位：vw 和 vh 是视口宽度和视 ......
keep-alive实现tab标签页缓存
标签页缓存 实现效果： 已经打开的tab页签，再次访问不重新加载；关闭tab页签后再次访问，则重新加载 实现技术： keep-alive组件的include属性指定页面缓存 一、修改Main.vue 1、 代码： <keep-alive :include="cachPage"> <router-vi ......
全网搜罗来的新标签页和主页
最后用了WeTab，效果如上图 比较出名的新标签页插件 1.WeTab 新标签页 2.iTab新标签页 | iTab新标签页 3.infinity新标签页 (infinitytab.com) 4.Momentum - Microsoft Edge Addons 主页类型： 1.东东起始页 (cuip ......