纯CSS绘制各种箭头方法 PetitQ HTML/CSS 2018-11-08 4.30K 0 5 用CSS即可绘制出各种箭头,无需裁剪图片,甚至没有用到CSS3的东西。对浏览器支持良好。以前写过一片文章,我博客的评论框就是用箭头来实现的。原理非常简单,通过截取border(边框)的部分“拐角”实现,几行CSS代码即可理解。 一个…
纯CSS绘制各种箭头方法 PetitQ HTML/CSS 2018-11-08 4.30K 0 5 用CSS即可绘制出各种箭头,无需裁剪图片,甚至没有用到CSS3的东西。对浏览器支持良好。以前写过一片文章,我博客的评论框就是用箭头来实现的。原理非常简单,通过截取border(边框)的部分“拐角”实现,几行CSS代码即可理解。 一个…
CSS完美实现iframe高度自适应(支持跨域) PetitQ HTML/CSS 2018-11-12 5.49K 0 2 Iframe的强大功能偶就不多说了,它不但被开发人员经常运用,而且黑客们也常常使用它,总之用过的人知道它的强大之处,但是Iframe有个致命的“BUG”就是iframe的高度无法自动适应,这一点让很多人都头疼万分。百度或是谷歌一下,…
CSS完美实现iframe高度自适应(支持跨域) PetitQ HTML/CSS 2018-11-12 5.49K 0 2 Iframe的强大功能偶就不多说了,它不但被开发人员经常运用,而且黑客们也常常使用它,总之用过的人知道它的强大之处,但是Iframe有个致命的“BUG”就是iframe的高度无法自动适应,这一点让很多人都头疼万分。百度或是谷歌一下,…
Darkmode – 网站支持炫酷暗黑模式/夜间模式 PetitQ HTML/CSS 2023-7-03 3.31K 0 0 Darkmode.js这个东西还是挺好玩的,非常易于使用,只需一段代码就可以让你的网站支持暗黑模式,安装好之后,在网页的右下角有一个圆形按钮,点击即可切换白天/夜晚模式。Darkmode.js是开源的项目,所以可以免费玩耍 ,不过如…
Darkmode – 网站支持炫酷暗黑模式/夜间模式 PetitQ HTML/CSS 2023-7-03 3.31K 0 0 Darkmode.js这个东西还是挺好玩的,非常易于使用,只需一段代码就可以让你的网站支持暗黑模式,安装好之后,在网页的右下角有一个圆形按钮,点击即可切换白天/夜晚模式。Darkmode.js是开源的项目,所以可以免费玩耍 ,不过如…
jQuery 正则获取其他页面指定内容到当前页面 PetitQ HTML/CSS 2020-9-18 889 0 0 使用jquery获取其他页面全部内容刷新到本页面div容器中比较简单,直接使用$("#div").load("b.html");就可以了。今天发一个获取其他页面获取指定元素插入到本页的例子,例子用到jquery和正则表达式。实现a.…
jQuery 正则获取其他页面指定内容到当前页面 PetitQ HTML/CSS 2020-9-18 889 0 0 使用jquery获取其他页面全部内容刷新到本页面div容器中比较简单,直接使用$("#div").load("b.html");就可以了。今天发一个获取其他页面获取指定元素插入到本页的例子,例子用到jquery和正则表达式。实现a.…
怎么让网站上视频以16:9比例自适应缩放宽屏显示 PetitQ HTML/CSS 2021-12-31 2.11K 0 0 我做了一个视频类的网站,是一个自适应的网站,网站上有很多视频,但是视频的尺寸我控制不好,特别是高度,我是在PC端设置高度为480,手机端设置为280,但总是视频四边出现了黑边,有没有方法让视频能自动按它比例缩放呢? 视频是可以按比例…
怎么让网站上视频以16:9比例自适应缩放宽屏显示 PetitQ HTML/CSS 2021-12-31 2.11K 0 0 我做了一个视频类的网站,是一个自适应的网站,网站上有很多视频,但是视频的尺寸我控制不好,特别是高度,我是在PC端设置高度为480,手机端设置为280,但总是视频四边出现了黑边,有没有方法让视频能自动按它比例缩放呢? 视频是可以按比例…
INPUT、SELECT等表单元素图片对齐问题 PetitQ HTML/CSS 2018-11-08 1.56K 0 0 今天在写页面时,发现了一个问题,当INPUT、SELECT及用图片做的button放在一起(并排放一起)时一个高一个矮。刚开始怎么调样式都出不来结构,后来发现原来一个vertical-align:middle就可搞定。 归纳如下: …
INPUT、SELECT等表单元素图片对齐问题 PetitQ HTML/CSS 2018-11-08 1.56K 0 0 今天在写页面时,发现了一个问题,当INPUT、SELECT及用图片做的button放在一起(并排放一起)时一个高一个矮。刚开始怎么调样式都出不来结构,后来发现原来一个vertical-align:middle就可搞定。 归纳如下: …
Background-repeat 怎么使用 PetitQ HTML/CSS 2019-2-12 1.62K 0 0 我们知道background属性是用于设置背景的,那么background-repeat属性怎么使用呢?本篇文章就来给大家介绍一下background-repeat属性的使用方法。background-repeat属性设置是否及如何…
Background-repeat 怎么使用 PetitQ HTML/CSS 2019-2-12 1.62K 0 0 我们知道background属性是用于设置背景的,那么background-repeat属性怎么使用呢?本篇文章就来给大家介绍一下background-repeat属性的使用方法。background-repeat属性设置是否及如何…
你是如何学会正则表达式的? PetitQ HTML/CSS 2019-11-20 1.24K 0 0 正则表达式在几乎所有语言中都可以使用,无论是前端的JavaScript、还是后端的Java、c#。他们都提供相应的接口/函数支持正则表达式。但很神奇的是:无论你大学选择哪一门计算机语言,都没有关于正则表达式的课程给你修,在你学会正则…
你是如何学会正则表达式的? PetitQ HTML/CSS 2019-11-20 1.24K 0 0 正则表达式在几乎所有语言中都可以使用,无论是前端的JavaScript、还是后端的Java、c#。他们都提供相应的接口/函数支持正则表达式。但很神奇的是:无论你大学选择哪一门计算机语言,都没有关于正则表达式的课程给你修,在你学会正则…
font-face 字体文件跨域解决办法字体跨域 PetitQ HTML/CSS 2021-9-19 1.28K 0 0 开发网站的时候经常会调用不同域名下的字体文件(同源策略禁止读取位于ttf文件),但是出现无限的情况,提示如下:已拦截跨源请求: 同源策略禁止读取位于 https://www.22vd.com/fonts/fontawesome-we…
font-face 字体文件跨域解决办法字体跨域 PetitQ HTML/CSS 2021-9-19 1.28K 0 0 开发网站的时候经常会调用不同域名下的字体文件(同源策略禁止读取位于ttf文件),但是出现无限的情况,提示如下:已拦截跨源请求: 同源策略禁止读取位于 https://www.22vd.com/fonts/fontawesome-we…
除了最后一个元素之外其他元素之间添加分隔符 PetitQ HTML/CSS 2022-11-05 635 0 0 除了最后一个元素之外其他元素之间添加分隔符,您可以使用标准的CSS来做到这一点: li:after { content: ','; } li:last-of-type:after { content: ''; } 我更喜欢单独的规则…
除了最后一个元素之外其他元素之间添加分隔符 PetitQ HTML/CSS 2022-11-05 635 0 0 除了最后一个元素之外其他元素之间添加分隔符,您可以使用标准的CSS来做到这一点: li:after { content: ','; } li:last-of-type:after { content: ''; } 我更喜欢单独的规则…
禁止移动设备长按拷贝 PetitQ HTML/CSS 2018-11-07 1.74K 0 0 网页在手机上浏览时通常会碰到一个问题,就是不小心触摸时间过长就出现自带的拷贝等按键了(有些客户也需要屏蔽手机端复制功能),造成了不好的体验,下面就教你解决办法。 web端,只需在css中加入代码就可以了 *{ -webkit-tou…
禁止移动设备长按拷贝 PetitQ HTML/CSS 2018-11-07 1.74K 0 0 网页在手机上浏览时通常会碰到一个问题,就是不小心触摸时间过长就出现自带的拷贝等按键了(有些客户也需要屏蔽手机端复制功能),造成了不好的体验,下面就教你解决办法。 web端,只需在css中加入代码就可以了 *{ -webkit-tou…
jQuery获取上传文件的名称类型大小 PetitQ HTML/CSS 2018-11-09 2.11K 0 1 Web开发中,经常会涉及到文件上传。文件上传时通常都要验证文件的有效性,这个通常就要用正则表达式来判断。通常情况下,当用户通过<input type='file>'标签来上传文件时,我们可以看到上传文件的名称。HTML5…
jQuery获取上传文件的名称类型大小 PetitQ HTML/CSS 2018-11-09 2.11K 0 1 Web开发中,经常会涉及到文件上传。文件上传时通常都要验证文件的有效性,这个通常就要用正则表达式来判断。通常情况下,当用户通过<input type='file>'标签来上传文件时,我们可以看到上传文件的名称。HTML5…