苹果手机将网站添加到主屏幕上的方法 PetitQ HTML/CSS 2018-11-08 2.99K 2 0 通常在iPhone,iPad,iTouch的safari上可以使用添加到主屏按钮将网站添加到主屏幕上。 apple-touch-icon是IOS设备的私有标签,如果设置了相应apple-touch-icon标签,则添加到主屏上的图标…
苹果手机将网站添加到主屏幕上的方法 PetitQ HTML/CSS 2018-11-08 2.99K 2 0 通常在iPhone,iPad,iTouch的safari上可以使用添加到主屏按钮将网站添加到主屏幕上。 apple-touch-icon是IOS设备的私有标签,如果设置了相应apple-touch-icon标签,则添加到主屏上的图标…
CSS元素隐藏后JS事件响应 PetitQ HTML/CSS 2019-3-09 2.60K 2 0 今天探讨下CSS元素隐藏后JS事件响应问题,在我们的发布的 常见CSS五种隐藏元素方式 一文中,我们分享了CSS隐藏元素的五中常见方法,介绍的也比较详细,这里就不累述了,开门见山直入主题,如果被隐藏的元素绑定了一些事件,我们执行了相…
CSS元素隐藏后JS事件响应 PetitQ HTML/CSS 2019-3-09 2.60K 2 0 今天探讨下CSS元素隐藏后JS事件响应问题,在我们的发布的 常见CSS五种隐藏元素方式 一文中,我们分享了CSS隐藏元素的五中常见方法,介绍的也比较详细,这里就不累述了,开门见山直入主题,如果被隐藏的元素绑定了一些事件,我们执行了相…
超级有意思经典代码注释图 PetitQ HTML/CSS 2018-11-08 2.73K 0 0 对于很多程序员来说,最讨厌别人不写注释。而有些人写出来的代码注释,通常拥有幽默搞笑的风格,看起来很有意思。网上收集了许多超级有意思的代码注释,有如来佛、草泥马等有趣的注释! /*** * .,:,,, .::,,,::. * .::…
超级有意思经典代码注释图 PetitQ HTML/CSS 2018-11-08 2.73K 0 0 对于很多程序员来说,最讨厌别人不写注释。而有些人写出来的代码注释,通常拥有幽默搞笑的风格,看起来很有意思。网上收集了许多超级有意思的代码注释,有如来佛、草泥马等有趣的注释! /*** * .,:,,, .::,,,::. * .::…
HTML中input与button高度不一致的原因 PetitQ HTML/CSS 2018-11-11 2.22K 0 0 HTML中input和button设置同样高度却不能等高的原因是,Button在高度计算上始终使用了Quirks模式。在Quirks模式下,边框的计算是在元素的宽度内的,而不像标准模式一样计算在外部(button的高度包含边框的高度…
HTML中input与button高度不一致的原因 PetitQ HTML/CSS 2018-11-11 2.22K 0 0 HTML中input和button设置同样高度却不能等高的原因是,Button在高度计算上始终使用了Quirks模式。在Quirks模式下,边框的计算是在元素的宽度内的,而不像标准模式一样计算在外部(button的高度包含边框的高度…
DIV标签里面IMG图片下方留有空白怎么办 PetitQ HTML/CSS 2019-6-13 1.36K 0 0 我们很多个人博客网站都会广告位投放一些图片广告,在网页设计中,图片是不可缺少的素材,但是在div标签里面放入img图片的话,有时候会在图片的下方出现一行空间的区域,如果单纯的图片不醒目或是图片所在的位置不重要的话,我们可以不去理会,…
DIV标签里面IMG图片下方留有空白怎么办 PetitQ HTML/CSS 2019-6-13 1.36K 0 0 我们很多个人博客网站都会广告位投放一些图片广告,在网页设计中,图片是不可缺少的素材,但是在div标签里面放入img图片的话,有时候会在图片的下方出现一行空间的区域,如果单纯的图片不醒目或是图片所在的位置不重要的话,我们可以不去理会,…
jQuery 实现点击选中改变当前样式 PetitQ HTML/CSS 2020-9-15 952 0 0 在做网站时,有些栏目元素有选择性,当我们点击某个栏目时,它会显示出不同于其它的样式,而没有被点击的,就恢复正常样式。效果如下图: 怎么在自己做网站时,实现这样的点击后改变当前样式的效果呢?这就需要使用JQUERY代码了。以下是JQU…
jQuery 实现点击选中改变当前样式 PetitQ HTML/CSS 2020-9-15 952 0 0 在做网站时,有些栏目元素有选择性,当我们点击某个栏目时,它会显示出不同于其它的样式,而没有被点击的,就恢复正常样式。效果如下图: 怎么在自己做网站时,实现这样的点击后改变当前样式的效果呢?这就需要使用JQUERY代码了。以下是JQU…
CSS 自定义浏览器滚动条样式 PetitQ HTML/CSS 2021-12-26 987 0 0 最近在使用Chrome浏览器访问QQ会员的官网时候发现网站的浏览器默认侧边滚动栏变成了如下图所示的样式,后来上网去查询了一下,然后得知该样式是可以通过CSS来设计的,于是就是自己捣鼓了一下。 该样式仅限于Chromium内核的浏览器…
CSS 自定义浏览器滚动条样式 PetitQ HTML/CSS 2021-12-26 987 0 0 最近在使用Chrome浏览器访问QQ会员的官网时候发现网站的浏览器默认侧边滚动栏变成了如下图所示的样式,后来上网去查询了一下,然后得知该样式是可以通过CSS来设计的,于是就是自己捣鼓了一下。 该样式仅限于Chromium内核的浏览器…
判断访问用户终端设备类型 PetitQ HTML/CSS 2018-11-08 1.36K 0 1 以前判断网站的访客全部用的是userAgent来判断的,基本上都是判断userAgent,一些简单点的终端没有什么问题,可是用过一段时间发现有的手机终端不会跳转,后面研究了下百度siteapp,发现他的函数写的挺好的,可以直接拿来用…
判断访问用户终端设备类型 PetitQ HTML/CSS 2018-11-08 1.36K 0 1 以前判断网站的访客全部用的是userAgent来判断的,基本上都是判断userAgent,一些简单点的终端没有什么问题,可是用过一段时间发现有的手机终端不会跳转,后面研究了下百度siteapp,发现他的函数写的挺好的,可以直接拿来用…
CSS的+(加号)选择器怎么用 PetitQ HTML/CSS 2019-2-12 1.72K 0 0 在CSS中“+”符号选择器用于选择紧跟在指定元素之后但不在特定元素内部的元素。下面本篇文章就来具体介绍一下,希望对大家有所帮助。在CSS中“+”符号选择器被称为相邻兄弟选择器,用于选取在同一父元素下的,紧跟指定元素之后的另一个元素。…
CSS的+(加号)选择器怎么用 PetitQ HTML/CSS 2019-2-12 1.72K 0 0 在CSS中“+”符号选择器用于选择紧跟在指定元素之后但不在特定元素内部的元素。下面本篇文章就来具体介绍一下,希望对大家有所帮助。在CSS中“+”符号选择器被称为相邻兄弟选择器,用于选取在同一父元素下的,紧跟指定元素之后的另一个元素。…
半小时学会正则表达式(上) PetitQ HTML/CSS 2019-11-20 1.09K 0 0 正则表达式(Regular Expression)在代码中常常简写为regex。正则表达式通常被用来检索、替换那些符合某个规则的文本,它是一种强大而灵活的文本处理工具。正则描述了一个规则,通过这个规则可以匹配一类字符串。 如何学习正…
半小时学会正则表达式(上) PetitQ HTML/CSS 2019-11-20 1.09K 0 0 正则表达式(Regular Expression)在代码中常常简写为regex。正则表达式通常被用来检索、替换那些符合某个规则的文本,它是一种强大而灵活的文本处理工具。正则描述了一个规则,通过这个规则可以匹配一类字符串。 如何学习正…
Javascript 实现虚线边框旋转效果 PetitQ HTML/CSS 2021-9-18 747 0 0 看到百度ueditor编辑器网站首页,底部有一个滚动虚框的效果(原谅我不会做gif 图),如图: 就去看了一下,开始以为是CSS,后来打开F12 ,哦原来是js,那就尝试写一下吧。 HTML 部分 内容区 CSS 部分: .box{…
Javascript 实现虚线边框旋转效果 PetitQ HTML/CSS 2021-9-18 747 0 0 看到百度ueditor编辑器网站首页,底部有一个滚动虚框的效果(原谅我不会做gif 图),如图: 就去看了一下,开始以为是CSS,后来打开F12 ,哦原来是js,那就尝试写一下吧。 HTML 部分 内容区 CSS 部分: .box{…
Font Awesome 网站字体图标不显示的解决方法 PetitQ HTML/CSS 2022-9-27 2.53K 0 0 在做网站过程中,经常会遇到一些奇怪的问题。例如一个网站中有的网页的字体图标正常显示,但有的字体图标却显示为空白。如下图: 正常情况下: 字体图标不显示: 通过浏览器的检查功能,可以查到造成字体图标不显示的原因,是由于字体图标的样式在…
Font Awesome 网站字体图标不显示的解决方法 PetitQ HTML/CSS 2022-9-27 2.53K 0 0 在做网站过程中,经常会遇到一些奇怪的问题。例如一个网站中有的网页的字体图标正常显示,但有的字体图标却显示为空白。如下图: 正常情况下: 字体图标不显示: 通过浏览器的检查功能,可以查到造成字体图标不显示的原因,是由于字体图标的样式在…