hi,欢迎访问本站!
当前位置: 首页 HTML列表

HTML

Web前端

用纯CSS实现文本打字机效果

CSS样式代码可以在html页面上作出很多炫酷的效果,下面就是是用CSS样式代码实现的一个打字机打出文字的效果,大家可以参考一下。纯CSS实现文字的打印机效果,要用到 animation 动画元素,根据文字的字数来算一下动画的步数,并设置每步动画的时间,可参考一下下面的示例代码。CSS实现文字打印机效果的方法1、先上效果图

Web前端

js判断是否有滚动条

下面说说通过原生js代码或jq代码来判断页面或div元素是否有滚动条的方法,js 判断是否有滚动条的方法js 判断页面或DIV是否滚动条,其解决思路非常的简单,首先使用js控制元素先滚动一定值,然后再取当前滚动值是否大于0,如果大于0就说明有滚动条,等于0说明没有滚动成功则自然是没有滚动条例1:js判断页面是否有滚动条

Web前端

HTTP状态码301和302详解及区别

网页的跳转一般为301跳转或302跳转。但301跳转与302跳转之前是有者区别的,下面就详细的来说一下。301永久重定向301重定向:表示链接的目标已永久将URL更改为不同的URL,例如:73so.com301永久重定向带有'www'的二级域名

Web前端

微信浏览器字体缩放导致页面变形的解决方法

用户反馈说网页在微信浏览器内发生了变形导致了页面排版错位,排查了一下发现是由于微信设置了字体缩放,调整了字体大小,导致web页面的字体发生了变化,撑开了部分的div元素导致了页面的变形从而致使页面排版错位。针对上面的问题,在网上查到了一种解决方法,测试了一了还是有效果。在微信浏览器字体被调大导致页面错乱的解决办法1、iOS系统解决方法iO

Web前端

input框怎么限制输入的长度

限制HTML中的input输入框输入内容的长度,可以使用 input 中的maxlength属性或JS脚本来控制。下面是使用方法.input随制输入内容的长度方法1:使用 maxlength 属性控制输入内容的长度。例:<!--最长输入5个字符--><input type="text" maxlen

Web前端

CSS使用图片变为灰色的方法

CSS样式中的 filter 属性取值为 grayscale 的话,可以将图像转为灰度图片,通过设置灰度的值可以图片的呈现不同的灰度效果。css 图片变灰的方法其它的不多说,直接上示例代码吧。<style>.img1 {-webkit-filter: grayscale(50%);/* Chrome, Safari, Oper

Web前端

CSS实现文字聚光灯效果

使用CSS样式可以对文字实现一个聚光灯来回照射的效果,其原理也很简单,下面是参考示例。CSS聚光灯效果原理:1、将两个文字重叠,内层是灰色,外层为渐变色2、在外层文字加上圆形的遮罩层3、对外层的文字加上动画效果CSS聚光灯效果示例1、先上示例图片

Web前端

如何判断网站是否启用了HTTP/2协议

现在很多的网站都申请使用了ssl证书,并且开启了HTTPS访问。如果HTTPS访问开启了http/2协议,那么网站的访问速度会加倍的提高,如何判断自己的网站是不是启用了http/2协议呢?下面就提供两种判断的方法。查看网站是否开启了http/2协议访问方法1:(1)、使用谷歌浏览器,打开要查询的网站,(2)、F12键打开“开发人员调试工具

Web前端

html中常见的状态码有哪些

下面博文中收集了一些HTML中的常见的状态码,以及每个状态码所要表达的含义,大家参考一下。1xx(临时响应)表示临时相应并需要请求者继续执行操作的状态码;100(继续): 请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分,正在等待其他部分;101切换协议):请求这一要求切换协议,服务器已确认并真被切换;2xx (成功)表示

点击下拉