HTML
imHere·
很高兴认识你
展开
-
html滚动条样式
【代码】html滚动条样式。原创 2023-01-09 17:01:00 · 2832 阅读 · 0 评论 -
ant design table设置scroll列表错位问题
ant design table设置scroll列表错位问题原创 2022-01-12 10:00:44 · 3122 阅读 · 1 评论 -
ant design中table设置动态高度
ant design中table设置动态高度原创 2022-01-11 17:57:28 · 2343 阅读 · 0 评论 -
css实现中间镂空效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>镂空</title> <style> .outBox{ height:300px; width:300px; background: transparent; .原创 2021-08-31 17:50:36 · 1414 阅读 · 0 评论 -
基于less、sass的在webpack或vite等的预设多主题的编译方案
https://zhuanlan.zhihu.com/p/375347921切换效果预览已封装的工具主要的实现就是修改了 less 和 sass 的 render 的编译逻辑,以达到所有的less、scss文件(包括支持css modules的)经过相同的编译逻辑,请使用@zougt/some-loader-utils的getLess和getSass方法,替代当前构建环境中的less和sass编译器,目前在 webpack 和 vite 中使用测试过。 如需对编译后的主题 css 抽取成..转载 2021-07-16 16:42:58 · 571 阅读 · 0 评论 -
css图片/页面显示灰色
img { -webkit-filter: grayscale(100%); /* Webkit */ filter: gray; /* IE6-9 */ filter: grayscale(100%); /* W3C */ } 页面变灰直接在html节点添加grayscale即可页面展示其它品牌logo利用先灰度展示,hover时filter:none;展示原本颜色,再给img加一个transition:all .5s;也有不错的显示效果。f.原创 2020-08-26 10:58:24 · 715 阅读 · 0 评论 -
css单行与多行文本超出显示省略号
//单行overflow: hidden;text-overflow:ellipsis;white-space: nowrap;//多行overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;原创 2020-06-18 10:28:24 · 147 阅读 · 0 评论 -
简单方法h5唤醒app
https://www.npmjs.com/package/callapp-libhttps://www.npmjs.com/package/web-launch-app原创 2020-06-06 15:43:15 · 3546 阅读 · 0 评论 -
css3自适应布局单位vw,vh详解
视口单位(Viewport units)什么是视口?在桌面端,视口指的是在桌面端,指的是浏览器的可视区域;而在移动端,它涉及3个视口:Layout Viewport(布局视口),Visual Viewport(视觉视口),Ideal Viewport(理想视口)。视口单位中的“视口”,桌面端指的是浏览器的可视区域;移动端指的就是Viewport中的Layout Viewport,“...转载 2020-04-08 10:19:15 · 605 阅读 · 0 评论 -
CSS禁止选中文本
<style type="text/css"> body { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;} </style>...原创 2020-04-01 17:13:44 · 557 阅读 · 0 评论 -
纯前端发送邮件方法(formspree)
https://formspree.io/先在官网注册一个账户并验证邮箱 配置表单3.配置HTML图为官方给的参考示例input / textarea 标签都需要设定相应的 name 属性。收到的邮件信息为name属性值和对应的表单信息。...原创 2020-03-03 10:21:48 · 2829 阅读 · 5 评论 -
利用纯CSS绘制iPhone X
<div class="device iphone-x"> <!-- 外部轮廓 --> <div class="frame"> <div class="content"> <div class="time">10:19</di...原创 2019-09-03 13:35:50 · 1741 阅读 · 1 评论 -
HTML限制文件上传类型
accept 属性只能与 <input type="file"> 配合使用。它规定能够通过文件上传进行提交的文件类型。常用accept属性值.3gpp audio/3gpp, video/3gpp 3GPP Audio/Video*.ac3 audio/ac3 AC3 Audio*.asf allpication/vnd.ms-asf Advanc...原创 2019-08-26 11:21:27 · 3491 阅读 · 0 评论 -
jQuery/javascript实现网页注册的表单验证
<html><head><meta charset="utf-8"><title>注册表单验证</title><script src="jquery.js"></script><style type="text/css"> table{background-color:pink;wi...转载 2019-06-13 11:33:23 · 419 阅读 · 0 评论 -
防止移动端点击输入框页面放大
<meta content="yes" name="apple-mobile-web-app-capable"><meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">转载 2019-06-22 13:08:26 · 608 阅读 · 0 评论 -
HTML5 history API
https://www.cnblogs.com/jehorn/p/8119062.html转载 2019-07-09 16:00:42 · 100 阅读 · 0 评论 -
PC端及移动端css初始化
PC端:body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }body { background:#fff; color:#555; font-size:14px;...原创 2019-07-13 16:12:27 · 650 阅读 · 0 评论 -
CSS3实现checkbox和radio自定义样式
实现思路原理很简单,先把页面上<input type="checkbox">的display设置为none,从而把它隐藏掉,然后利用CSS3代码来绘制与checkbox(radio)相连的label元素,用label来模拟checkbox(radio)。另外,我们可以利用伪元素::before和::after给label添加样式,利用CSS3的伪类选择器:che...转载 2019-07-04 20:40:48 · 603 阅读 · 0 评论 -
不对表单输入进行验证 novalidate
HTML 5 <form> novalidate 属性<form action="demo_form.asp" novalidate="novalidate"> E-mail: <input type="email" name="user_email" /> <input type="submit" /></form>...原创 2019-06-30 10:51:03 · 305 阅读 · 0 评论 -
禁用输入字段自动完成功能 autocomplete
HTML <input> autocomplete 属性 <input type="email" name="email" autocomplete="off" />原创 2019-06-30 10:55:53 · 713 阅读 · 0 评论 -
控制表单内tab切换顺序
键盘属性——tabindex,它可以设置访问者在页面中按tab键的顺序。<input type="button" id="b1" tabindex="1" value="Button1" /><input type="button" id="b2" tabindex="2" value="Button2" /><input type="button" i...原创 2019-08-04 17:38:48 · 1231 阅读 · 0 评论 -
File文件属性
FileFile API在表单中的文件输入字段的基础上,又添加了一些直接访问文件信息的接口。HTML5在DOM中为文件输入元素添加了一个files集合。在通过文件输入字段选择了一或多个文件时,files集合中将包含一组File对象,每个File对象对应着一个文件。每个File对象都有下列只读属性 name:本地文件系统中的文件名 size:文件的字节大小 type:字符串,文...转载 2019-06-13 11:31:08 · 1223 阅读 · 0 评论