html
关注
分享
扫一扫
HOLD ON!
莫见长安行乐处，空令岁月易蹉跎。
展开
-
http-header
修改http请求中的header：要修改的主要字段qq_25987491user-agent：通常格式：Mozilla/5.0 (平台) 引擎版本 浏览器版本号第一部分：Mozilla/5.0由于历史上的浏览器大战，当时想获得图文并茂的网页，就必须宣称自己是 Mozilla 浏览器。此事导致如今User-Agent里通常都带有Mozilla字样，出于对历史的尊重，大家都会默认填写该部分。第二部分：平台这部分可由多个字符串组成，用英文半角分号分开Windows NT 10.0转载 2020-10-24 15:15:13 · 295 阅读 · 0 评论 -
如何在vue组件中添加全局样式及公共样式。
如何在vue组件中添加全局样式及公共样式。super-c如何在vue组件中添加全局样式及公共样式。1.添加公共样式，在assets文件夹下面添加css文件夹，创建global.css文件,添加全局样式。2.在main.js中导入global.css，即import "./assets/css/global.css"使得全局样式生效。3.这样所有的vue组件都有了这个公共样式。...转载 2020-10-24 10:13:13 · 9434 阅读 · 0 评论 -
去掉input标签type=number时出现的箭头
【HTML&CSS】【2】去掉input标签type=number时出现的箭头，及禁止输入e和...aizhu4795正文：1，去掉箭头/*添加css样式*/input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none;} input[type="number"] { -moz-appearance: textfield;}2，转载 2020-10-24 09:54:57 · 4096 阅读 · 0 评论 -
这个控件叫：Skeleton Screen/加载占位图
这个控件叫：Skeleton Screen/加载占位图龙爪槐守望者12017.03.22 10:35:10字数 1,296阅读 10,573鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。Skeleton Screen（加载占位图）是近年流行的加载控件，通常表现形式是在界面上待加载区域填充灰色的占位图，与线框图的效果非常相似。Skeleton Scr.转载 2020-09-16 11:08:20 · 558 阅读 · 0 评论 -
【移动端】移动端点击可点击元素时，出现蓝色默认背景色
【移动端】移动端点击可点击元素时，出现蓝色默认背景色web页面放在移动端，点击button 标签或者添加了cursor:pointer 样式的标签，会出现 蓝色背景色， 解决方案：给相应标签 或者直接在body 标签上添加 样式：-webkit-tap-highlight-color: transparent;或者-webkit-tap-highlight-color:rgba(0,0,0,0);转自：https://www.cnblogs.com/Mxy-cnblog/p/98转载 2020-09-03 15:48:30 · 2554 阅读 · 0 评论 -
html-通过css设置文字不能被选中
通过css设置文字不能被选中如梦难醒 2018-02-26 10:09:59 13904 收藏 1展开通过简单的css设置页面的文字无法被选定。<div class="select">我不能被选中复制</div>.select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}通过上...转载 2020-05-13 20:26:19 · 1190 阅读 · 0 评论 -
html-SVG-rect border width
SVG rect border width<svg width="400" height="110"> <rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" /> </svg>转载 2020-08-27 08:35:28 · 499 阅读 · 0 评论 -
HTML5页面，用JS 禁止弹出手机键盘
HTML5页面，用JS 禁止弹出手机键盘用户点击input的时候；会默认调出手机软键盘；场景：文本框获取焦点时，需要禁止手机弹出自带的输入键盘；解决方案1：用一个p/div等标签显示内容；然后放一个隐藏的input；（可能的场景：当扫描二维码或者别的操作时候，JS赋值隐藏的input值和显示的文本；）（可能的场景：当用户点击输入框，调出自定义的日期软键盘或者数字输入键；阻止自带输入键盘的弹出）这种解决方案，因为当用户点击的时候，因为点击的是p之类的标签，所以也不会弹出；.转载 2020-07-28 16:19:31 · 3028 阅读 · 0 评论 -
css实现图片自适应容器的几种方式
css实现图片自适应容器的几种方式weixin_33701251css实现图片自适应容器经常有这样一个场景，需要让图片自适应容器的大小。1、img标签的方式我们马上就能想到，把width、height 设置为100%啊。来看一哈效果。 <div class='div1'> <img src="./peiqi.png" alt=""> </div> .div1 { width:500px;..转载 2020-05-19 08:41:08 · 1172 阅读 · 0 评论 -
html5-data-自定义属性
html5 自定义属性html5发布于 2018-12-19约 5 分钟1.data-*自定义属性介绍在html5中我们可以通过data-来设置我们需要的自定义属性，进行数据存放<div id="root" data-age="25"> ROOT</div>之后可以通过js脚本获取/设置自定义属性，也可以使用CSS属性选择器进行样式设...转载 2020-03-06 09:46:34 · 381 阅读 · 0 评论 -
如何在一个div中使其子div居中
如何在一个div中使其子div居中子元素 display:inline-block 父元素 text-align:center原创差不多先生img 最后发布于2017-03-30 10:07:17 阅读数 43675 收藏展开网上其他地方已讲述过对其的不同实现方式，今天主要做一个详细的汇总，希望对大家有帮助。ps：我面试的时候就被问到过这个问题，当时都回答错了，蓝瘦。假...转载 2020-02-10 20:32:29 · 435 阅读 · 0 评论 -
svg中实现元素拖动
svg中实现元素拖动<svg style="background-color: bisque" width="500px" height="500px" onmousemove="mousemove(event)" onmouseup="mouseup(event)"> <rect id="firstRect" height="40px" widt...转载 2020-01-30 18:29:37 · 1934 阅读 · 1 评论 -
HTML+CSS，让div在屏幕中居中（水平居中+垂直居中）方法总结
HTML div屏幕中居中（水平居中+垂直居中）方法总结最近写网页经常需要将div在屏幕中居中显示，遂记录下几个常用的方法，都比较简单。水平居中直接加上<center>标签即可，或者设置margin:auto;当然也可以用下面的方法下面说两种在屏幕正中（水平居中+垂直居中）的方法放上示范的html代码：<body> <div class=...转载 2019-08-07 09:46:47 · 3509 阅读 · 0 评论 -
div 自适应高度 自动填充剩余高度
div 自适应高度 自动填充剩余高度知道A的高度, 给B剩余方案1：Html：<divclass="outer"><divclass="A"> 头部DIV </div><divclass="B">下部DIV </div></div>CSS：html,body {height...转载 2020-01-10 16:04:18 · 5235 阅读 · 1 评论 -
html-rem与px的转换
rem与px的转换2019-07-07rem75142View0rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值，这个参考值设置为多少，完全可以根据您自己的需求来定。我们知道，浏览器默认的字号16px，来看一些px单位与rem之间的转换关系：| px | rem |-----------------------...转载 2020-01-10 12:18:32 · 540 阅读 · 0 评论 -
html-box-sizing
CSS中的box-sizing属性定义了user agent应该如何计算一个元素的总宽度和总高度。在CSS 盒子模型的默认定义里，你对一个元素所设置的width与height只会应用到这个元素的内容区。如果这个元素有任何的border或padding，绘制到屏幕上时的盒子宽度和高度会加上设置的边框和内边距值。这意味着当你调整一个元素的宽度和高度时需要时刻注意到...转载 2019-12-24 15:25:28 · 2542 阅读 · 0 评论 -
white-space和word-wrap和word-break所表示的换行和不换行的区别
white-space和word-wrap和word-break所表示的换行和不换行的区别一、前言 使得文本换行有很多方式，<br/>标签元素，能够强制使得所在位置文本换行 <p>元素，<div>设定宽度，都可以对文本内容实现自适应换行 对于长单词或者链接，默认不会断开换行，方式2就不能够在其这些文本内部进行换行了， 这时就需要word-wr...转载 2019-12-24 14:54:41 · 354 阅读 · 0 评论 -
HTML的position详解
HTML的position详解本文链接：https://blog.youkuaiyun.com/xizi_ghq/article/details/81986874今天上课半斤八两半斤八两的我突然不愿意听课，于是突然有了雅兴来解决自己这几天的疑惑。先对自己理解的position做一个总结，1、static：static是所有元素的默认属性，也就是可以理解为正常的文档流2、relative:r...转载 2019-12-07 13:42:48 · 1317 阅读 · 0 评论 -
html img图片模糊效果
html img图片模糊效果2019-06-19 10:42:15邓轩阅读数 1086收藏更多分类专栏：WEB前端版权声明：本文为博主原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.youkuaiyun.com/qq_39019735/article/details/92806621最近项目中有一个图片素材...转载 2019-12-07 16:30:43 · 1196 阅读 · 0 评论 -
几款浏览器兼容性测试工具
几款浏览器兼容性测试工具2018-03-05 18:17:03yaya_1q2w阅读数 43304收藏版权声明：本文为博主原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.youkuaiyun.com/yaya_1q2w/article/details/79449015IETester这是我最先用的测试浏览器兼容...转载 2019-12-07 14:38:08 · 892 阅读 · 0 评论 -
HTML CSS添加阴影
HTML CSS添加阴影2018-02-06 15:43:06戒箜师叔阅读数 4296收藏更多分类专栏：Web 前端对原答案进行简单排版同时记录一下…<!doctype html><html> <head> <meta charset="utf-8"> <title>css怎么...转载 2020-07-10 16:57:12 · 1357 阅读 · 0 评论 -
HTML：浏览模式设置（meta标签）
HTML：浏览模式设置（meta标签）2018-02-22 10:48:12Siimple阅读数 2665更多分类专栏：前端HTMLIE浏览器<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /><!--EmulateIE7 模式遵循 <!DOCTYPE> 指令。标准模式以...转载 2019-11-07 09:35:26 · 281 阅读 · 0 评论 -
html-oncontextmenu 事件
oncontextmenu事件事件对象实例当用户在 <div> 元素 上右击鼠标时执行 JavaScript ：<div oncontextmenu="myFunction()" contextmenu="mymenu">定义和使用oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单。注意：所有浏览器都支持 oncont...转载 2019-10-18 16:38:45 · 453 阅读 · 0 评论 -
![CDATA[]]>和转义字符
![CDATA[]]>和转义字符被<![CDATA[]]>这个标记所包含的内容将表示为纯文本，比如<![CDATA[<]]>表示文本内容“<”。 此标记用于xml文档中，我们先来看看使用转义符的情况。我们知道，在xml中，”<”、”>”、”&”等字符是不能直接存入的，否则xml语法检查时会报错，如果想在xml中使用这些符号，必...转载 2019-08-07 22:26:07 · 717 阅读 · 0 评论 -
html-边框上添加文字fieldset
<form> <fieldset> <legend>搜索</legend> 工厂: <input type="text" /> 班组: <input type="text" /> </fieldset></form>fieldset标签...原创 2018-07-17 12:21:46 · 3719 阅读 · 0 评论