随笔分类 - HTML
摘要：如何修复我们会向你介绍，如何在 Linux VPS 上修复 WordPress 中的 HTTP 错误。 下面列出了 WordPress 用户遇到的最常见的 HTTP 错误，我们的建议侧重于如何发现错误原因以及解决方法。 1、 修复在上传图像时出现的 HTTP 错误 如果你在基于 WordPress
阅读全文
posted @ 2020-07-03 23:40
前端一点红
摘要：box-sizing属性用来定义元素的width和height所表示的区域,该属性一般有三种值：content-box、border-box、inherit。其中inherit表示box-sizing的值应该从父元素继承。content-box和border-box的主要区别就是元素的width和h
阅读全文
posted @ 2020-07-03 23:33
前端一点红
摘要：实现的效果 需要在web中实现多语言的切换，当用户语言切换完成后下次重新打开网页，也是上次设置的语言进行显示。 资源网站搜索大全https://55wd.com 实现步骤 1、在用户点击切换语言后，把选择的语言版本保存在cookie中 //写入cookie函数 function setCookie(
阅读全文
posted @ 2020-07-03 23:30
前端一点红
摘要：功能描述： 点击名片识别按钮，将名片上的个人信息扫描并解析出来显示。 实现步骤： 1.点击第一个页面上的名片识别按钮，调出手机摄像头和相册，让用户进行选择 2.获取照片或者图片的base64数据，传值到第二个页面 3.在第二个页面接受参数，调取第三方的orc接口进行图片解析，得到名片上的个人信息，并
阅读全文
posted @ 2020-07-03 20:47
前端一点红
摘要：在设计图会经常使用到的阴影效果，如何用css3来实现呢？这篇文章主要整理box-shadow的一些好看常用的投影效果。 1、曲面/椭圆投影效果: 代码如下： <style> .shadow_wrap{ width: 100%;background:#E6EEF6;max-width: 600px;m
阅读全文
posted @ 2020-07-03 20:41
前端一点红
摘要：当我们在浏览一些网站时发现，里面含有一些十分个性的字体，这些字体并不是我们电脑上安装的字体。那么css是如何实现自定义字体的呢？ 在css3中可以通过@font-face模块，把自己定义的Web字体嵌入到你的网页，web设计师可以使用他们喜欢的任意字体，只需要把该字体文件存放到 web 服务器上，它
阅读全文
posted @ 2020-07-03 20:38
前端一点红
摘要：绝对路径和相对路径的区别？ 1. 绝对路径：就是你的文件或目录在硬盘上的真正的路径例如“bg.jpg”这个图片是存放在硬盘的“E:\img”目录下，那么 “bg.jpg”这个图片的绝对路径就是“E:\img\bg.jpg" 2. 相对路径：顾名思义，相对路径就是相对于当前文件的路径。网页中一般表示路
阅读全文
posted @ 2020-07-03 20:36
前端一点红
摘要：移动端点透点透现象出现的场景: 当A/B两个层上下z轴重叠，上层的A点击后消失或移开（这一点很重要），并且B元素本身有默认click事件（如a标签）或绑定了click事件。在这种情况下，点击A/B重叠的部分，就会出现点透的现象。 点透现象出现的原因： zepto的tap事件是通过兼听绑定在docum
阅读全文
posted @ 2020-07-03 12:13
前端一点红
摘要：曾经以为，loading的制作需要一些比较高深的web动画技术，后来发现大多数loading都可以用“障眼法”做出来。比如一个旋转的圆圈，并不都是将gif图放进去，有些就是画个静止图像，然后让它旋转就完了。gif图也可以，但是加载时间比较长。CSS的animation可以做出大多数的loading，
阅读全文
posted @ 2020-07-03 12:07
前端一点红
摘要：在css中 transparent到底是什么意思呢? transparent 它代表着全透明黑色，即一个类似rgba(0,0,0,0)这样的值。 例如在css属性中定义：background:transparent，意思就代表背景透明。 实际上background默认的颜色就是透明的属性，所以写和不
阅读全文
posted @ 2020-07-03 11:52
前端一点红
摘要：我最近在网上看了好多网站，里边的漏洞连连，其他的就不说了，今天的主题是SEO优化中怎样优化图片，图片用优化吗？为什么要优化图片？优化图片能给网站带来多大的好处？所以就拿网站优化图片的角度来说吧，在日常网站SEO优化进程时，对图片成功的优化图片的SEO排名，也能够为网站带来不行小觑的拜访流量，因为搜索
阅读全文
posted @ 2020-07-03 11:49
前端一点红
摘要：有一些网页中,有时候会碰到饼状图的需求，比如统计图表，进度指示器，定时器等，实现方式也是各种各样，现在也有不少现成的js库，可以直接拿来使用，方便很多。这里笔者为大家演示一种纯css实现饼状图效果的方法。 资源网站大全 https://55wd.com <div class="pie"></div>
阅读全文
posted @ 2020-07-03 11:30
前端一点红
摘要：设计图含有斜切角的效果时，我们一般想到的方法是切出四个角为背景，然后用border连起来，这样就能显示出该效果了，那么直接使用css呢？下面就整理css做斜边的效果。 1、方案一：利用linear-gradient .chamfer{ background: #3b3; background: li
阅读全文
posted @ 2020-07-03 11:16
前端一点红
摘要：Validate常用的一些参数和方法 1.errorElement 修改显示错误提示信息的HTML标签。默认是<label>，可以指定为<span>...。 $("#formId").validate({ errorElement:"span" }); 2.errorClass 修改显示错误信息的H
阅读全文
posted @ 2020-07-03 11:14
前端一点红
摘要：在前端开发中，JavaScript并没有提供直接操作Email邮箱的功能方法，但是遇到这样的需求，我们应该如何实现js发送邮件至指定邮箱功能呢？下面列举能够在通过前端实现邮件发送的几种方式： 方式一：利用a标签的href属性 <a href="mailto:sample@fly63.com?subj
阅读全文
posted @ 2020-07-03 11:09
前端一点红
摘要：由于不同的浏览器默认的样式也不同，所以在网页开发前设置一个公用样式，来清除各个浏览器的默认样式，已达到做的网页在各个浏览器中达到统一。 收集的默认样式的链接地址： 1.eric-meyer-reset-csshttp://cssreset.com/scripts/eric-meyer-reset-c
阅读全文
posted @ 2020-07-03 11:06
前端一点红
摘要：这里只是做下原理解释,原理：使用两个半圆做角度拼接。比如想绘制一个缺口朝右，缺口弧度30度角的扇形 资源网站搜索大全https://55wd.com 那么将由一个旋转65度角的半圆A+一个旋转-65度角的半圆B组合而成。代码： <style> .outer{ position: absolute;
阅读全文
posted @ 2020-07-03 11:04
前端一点红
摘要：在网页中css主要负责html文档的样式显示，目前css主要有4种引入方式：行内式、内嵌式、导入式、链接式。 1.行内式 行内式也叫内联样式，是指标记的style属性中设定CSS样式，这种方式没有体现出CSS的优势，不推荐使用。例如： <div style="color: #ccc; width:
阅读全文
posted @ 2020-06-17 01:11
前端一点红
摘要：position:sticky sticky 英文字面意思是粘，粘贴。这是一个结合了 position:relative 和 position:fixed 两种定位功能于一体的特殊定位，适用于一些特殊场景。 什么是结合两种定位功能于一体呢？ 元素先按照普通文档流定位，然后相对于该元素在流中的 flo
阅读全文
posted @ 2020-06-17 00:50
前端一点红
摘要：一、无继承性的属性 1、display：规定元素应该生成的框的类型 2、文本属性： vertical-align：垂直文本对齐 text-decoration：规定添加到文本的装饰 text-shadow：文本阴影效果 white-space：空白符的处理 unicode-bidi：设置文本的方向
阅读全文
posted @ 2020-06-17 00:07
前端一点红
浙公网安备 33010602011771号