HTML5 类名操作ClassList属性简介 PetitQ HTML/CSS 2018-11-09 1.57K 0 0 常我们在操作类名时,需要通过className属性来添加,删除和替换类名。因为className中是一个字符串,所以即使我们只是修改字符串的一部分,也要每一次都重新设置整个字符串的值。如果一个元素有多个类名,要如何删除呢,jqeur…
HTML5 类名操作ClassList属性简介 PetitQ HTML/CSS 2018-11-09 1.57K 0 0 常我们在操作类名时,需要通过className属性来添加,删除和替换类名。因为className中是一个字符串,所以即使我们只是修改字符串的一部分,也要每一次都重新设置整个字符串的值。如果一个元素有多个类名,要如何删除呢,jqeur…
如何用CSS3来实现三角形 PetitQ HTML/CSS 2019-2-12 1.38K 0 0 CSS的出现让网页有了更多的风格,尤其是CSS3的应用,让网页呈现了更多好看的效果,那么,css3中可以有哪些效果呢?如何使用CSS3来画一个三角形经常令人非常感到困惑,其实原理上是宽度相等的边距以45度来连接。好了原理我们了解了,…
如何用CSS3来实现三角形 PetitQ HTML/CSS 2019-2-12 1.38K 0 0 CSS的出现让网页有了更多的风格,尤其是CSS3的应用,让网页呈现了更多好看的效果,那么,css3中可以有哪些效果呢?如何使用CSS3来画一个三角形经常令人非常感到困惑,其实原理上是宽度相等的边距以45度来连接。好了原理我们了解了,…
Zepto Lazy 实现CSS背景图像实现延迟加载jQuery插件 PetitQ HTML/CSS 2020-9-14 733 0 0 Zepto Lazy 实现CSS背景图像实现延迟加载jQuery插件,我们知道大部网站使用的图片延迟加载只对img标签中src属性的图片起作用,对CSS背景(background-image)中的图片无效,例如: 上面的写法一般应该…
Zepto Lazy 实现CSS背景图像实现延迟加载jQuery插件 PetitQ HTML/CSS 2020-9-14 733 0 0 Zepto Lazy 实现CSS背景图像实现延迟加载jQuery插件,我们知道大部网站使用的图片延迟加载只对img标签中src属性的图片起作用,对CSS背景(background-image)中的图片无效,例如: 上面的写法一般应该…
解决absolute绝对定位高度塌陷无法撑开父元素 PetitQ HTML/CSS 2023-6-10 622 0 1 网站上某个元素设置了absolute绝对定位后,它的高度是不会影响父元素的高度的。这在某些情况下会影响布局。怎么解决这种absolute绝对定位高度问题呢?让absolute绝对定位的高度自动添加到父元素上。 解决absolute绝…
解决absolute绝对定位高度塌陷无法撑开父元素 PetitQ HTML/CSS 2023-6-10 622 0 1 网站上某个元素设置了absolute绝对定位后,它的高度是不会影响父元素的高度的。这在某些情况下会影响布局。怎么解决这种absolute绝对定位高度问题呢?让absolute绝对定位的高度自动添加到父元素上。 解决absolute绝…
给菜单中UL下的某一个或某几个LI添加自定义类 PetitQ HTML/CSS 2020-3-31 1.21K 0 0 我们有时候在定制WORDPRESS主题的时候,由于菜单样式的要求我们需要给我们的WordPress获取到的菜单中的UL下的某一个或某几个LI添加自定义的类,比如我给客户设置制作的这个主题中,因为LOGO在菜单中间显示,所以我需要第四…
给菜单中UL下的某一个或某几个LI添加自定义类 PetitQ HTML/CSS 2020-3-31 1.21K 0 0 我们有时候在定制WORDPRESS主题的时候,由于菜单样式的要求我们需要给我们的WordPress获取到的菜单中的UL下的某一个或某几个LI添加自定义的类,比如我给客户设置制作的这个主题中,因为LOGO在菜单中间显示,所以我需要第四…
Javascript 实现虚线边框旋转效果 PetitQ HTML/CSS 2021-9-18 728 0 0 看到百度ueditor编辑器网站首页,底部有一个滚动虚框的效果(原谅我不会做gif 图),如图: 就去看了一下,开始以为是CSS,后来打开F12 ,哦原来是js,那就尝试写一下吧。 HTML 部分 内容区 CSS 部分: .box{…
Javascript 实现虚线边框旋转效果 PetitQ HTML/CSS 2021-9-18 728 0 0 看到百度ueditor编辑器网站首页,底部有一个滚动虚框的效果(原谅我不会做gif 图),如图: 就去看了一下,开始以为是CSS,后来打开F12 ,哦原来是js,那就尝试写一下吧。 HTML 部分 内容区 CSS 部分: .box{…
纯CSS代码将整个网站页面变成黑白色整站灰色 PetitQ HTML/CSS 2021-12-13 8.25K 0 18 对于南京大屠杀这样需要悼念的日子,一般在全国哀悼日,大地震的日子,清明节,我们都会让自己的网站全站灰色,以表示对逝者的悼念。以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表…
纯CSS代码将整个网站页面变成黑白色整站灰色 PetitQ HTML/CSS 2021-12-13 8.25K 0 18 对于南京大屠杀这样需要悼念的日子,一般在全国哀悼日,大地震的日子,清明节,我们都会让自己的网站全站灰色,以表示对逝者的悼念。以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表…
浅谈 CSS3 盒布局与弹性盒布局 PetitQ HTML/CSS 2022-6-11 718 0 0 在网页布局中,如果让让几个块状区域横向排列,常用的方法就是使用float:left。但使用float属性时,会出现一些问题,例如浮动,并且如果不同版块的内容数量不一样就会造成各个版块的高度不一样。 section 什么是CSS3 盒…
浅谈 CSS3 盒布局与弹性盒布局 PetitQ HTML/CSS 2022-6-11 718 0 0 在网页布局中,如果让让几个块状区域横向排列,常用的方法就是使用float:left。但使用float属性时,会出现一些问题,例如浮动,并且如果不同版块的内容数量不一样就会造成各个版块的高度不一样。 section 什么是CSS3 盒…
HTML中加入视频不自动播放问题 PetitQ HTML/CSS 2019-9-17 3.04K 0 1 今天做一个登陆页面的时候,网页里有个自动播放的视频背景,但是必须切换到一个视频时必须手动播放加了 autoplay="autoplay"也不行,视频并没有自动播放,按一下F5才会自动播放。最后,找资料发现,添加 muted 属性,也…
HTML中加入视频不自动播放问题 PetitQ HTML/CSS 2019-9-17 3.04K 0 1 今天做一个登陆页面的时候,网页里有个自动播放的视频背景,但是必须切换到一个视频时必须手动播放加了 autoplay="autoplay"也不行,视频并没有自动播放,按一下F5才会自动播放。最后,找资料发现,添加 muted 属性,也…
JavaScript中escape()、encodeURI()、encodeURIComponent()的区别 PetitQ HTML/CSS 2018-11-08 2.67K 0 0 JavaScript中有三个可以对字符串编码的函数,分别是: escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent 。 …
JavaScript中escape()、encodeURI()、encodeURIComponent()的区别 PetitQ HTML/CSS 2018-11-08 2.67K 0 0 JavaScript中有三个可以对字符串编码的函数,分别是: escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent 。 …
企业网站上添加位置地图的方法 PetitQ HTML/CSS 2021-12-02 684 0 0 现在很多企业网站上都有位置地图功能,方便用户查看公司的位置。让企业网站更有信任感。效果如下图: 网站上添加位置地图功能,一般是使用百度地图API来做的。下面介绍一下企业网站上添加位置地图的具体方法。 第一步 引入百度地图API,将下…
企业网站上添加位置地图的方法 PetitQ HTML/CSS 2021-12-02 684 0 0 现在很多企业网站上都有位置地图功能,方便用户查看公司的位置。让企业网站更有信任感。效果如下图: 网站上添加位置地图功能,一般是使用百度地图API来做的。下面介绍一下企业网站上添加位置地图的具体方法。 第一步 引入百度地图API,将下…
CSS 截取图片只显示部分图片 PetitQ HTML/CSS 2021-11-29 729 0 0 页面中需要在某个位置显示固定长宽的正方形图片,图片中有接近正方形比例但不是正方形,用PHP生成裁剪后的缩略图显然不合适,经过研究发现用CSS可以完美切割图片,经过测试Chrome,FF,IE6-9没问题。css有一个clip属性可以…
CSS 截取图片只显示部分图片 PetitQ HTML/CSS 2021-11-29 729 0 0 页面中需要在某个位置显示固定长宽的正方形图片,图片中有接近正方形比例但不是正方形,用PHP生成裁剪后的缩略图显然不合适,经过研究发现用CSS可以完美切割图片,经过测试Chrome,FF,IE6-9没问题。css有一个clip属性可以…