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属性设置是否及如何…
图片垂直水平居中CSS实现方法 PetitQ HTML/CSS 2018-11-09 1.59K 0 0 在前端开发制作中,图片垂直居中对齐是很常见的,有些是固定高度,有些没有固定高度,分享几种使用CSS实现图片垂直&&水平居中的方法,有些可能并不能兼容所有浏览器,大家可以自行选择: 方法一: html { width:100%; he…
图片垂直水平居中CSS实现方法 PetitQ HTML/CSS 2018-11-09 1.59K 0 0 在前端开发制作中,图片垂直居中对齐是很常见的,有些是固定高度,有些没有固定高度,分享几种使用CSS实现图片垂直&&水平居中的方法,有些可能并不能兼容所有浏览器,大家可以自行选择: 方法一: html { width:100%; he…
WordPress翻译中 __()、_e()、_x、_ex 、 _n 的用法 PetitQ HTML/CSS 2018-11-08 1.58K 0 0 作为WordPress主题或插件开发者,创客云建议大家要掌握主题或插件国际化(I18n)/本地化的实现方法,WordPress使用了下面几个函数来方便语言本地化: __() _e() _x() _ex() _n() 以上所列的函数是…
WordPress翻译中 __()、_e()、_x、_ex 、 _n 的用法 PetitQ HTML/CSS 2018-11-08 1.58K 0 0 作为WordPress主题或插件开发者,创客云建议大家要掌握主题或插件国际化(I18n)/本地化的实现方法,WordPress使用了下面几个函数来方便语言本地化: __() _e() _x() _ex() _n() 以上所列的函数是…
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…
INPUT、SELECT等表单元素图片对齐问题 PetitQ HTML/CSS 2018-11-08 1.55K 0 0 今天在写页面时,发现了一个问题,当INPUT、SELECT及用图片做的button放在一起(并排放一起)时一个高一个矮。刚开始怎么调样式都出不来结构,后来发现原来一个vertical-align:middle就可搞定。 归纳如下: …
INPUT、SELECT等表单元素图片对齐问题 PetitQ HTML/CSS 2018-11-08 1.55K 0 0 今天在写页面时,发现了一个问题,当INPUT、SELECT及用图片做的button放在一起(并排放一起)时一个高一个矮。刚开始怎么调样式都出不来结构,后来发现原来一个vertical-align:middle就可搞定。 归纳如下: …
如何屏蔽iframe框架里网页的链接跳转 PetitQ HTML/CSS 2021-11-29 1.53K 0 0 做一些模板演示网站时,通常需要使用IFRAME调用演示网站。如果演示网站是自己的网站没有问题,如果IFRAME调用的是别人的网站,就会存在这样的问题,如果别人的网站里有其它网站的链接,用户就会跳转到别人的网站里了。 有没有什么方法可…
如何屏蔽iframe框架里网页的链接跳转 PetitQ HTML/CSS 2021-11-29 1.53K 0 0 做一些模板演示网站时,通常需要使用IFRAME调用演示网站。如果演示网站是自己的网站没有问题,如果IFRAME调用的是别人的网站,就会存在这样的问题,如果别人的网站里有其它网站的链接,用户就会跳转到别人的网站里了。 有没有什么方法可…
纯CSS3实现手风琴风格菜单具体步骤 PetitQ HTML/CSS 2018-11-08 1.53K 0 0 有朋友问我,我的demo里面的手风琴效果怎么做出来,看起来很漂亮,其实这个手风琴效果没用一点js,全部用css3来实现的,菜单主要通过使用:target伪类来实现,教程中我们主要通过使用伪类:before和:target来定义样式,…
纯CSS3实现手风琴风格菜单具体步骤 PetitQ HTML/CSS 2018-11-08 1.53K 0 0 有朋友问我,我的demo里面的手风琴效果怎么做出来,看起来很漂亮,其实这个手风琴效果没用一点js,全部用css3来实现的,菜单主要通过使用:target伪类来实现,教程中我们主要通过使用伪类:before和:target来定义样式,…
原生态js方法实现全选复制功能 PetitQ HTML/CSS 2018-11-08 1.52K 0 0 我的demo网站想做一个复制代码的功能,可是原生态的js只有ie下才能实现,其他浏览器都需要flash来实现复制功能,我又不想用flash,鼓捣了很久,不能复制,我起码能做一个全选的功能吧。下面是复制的代码: function se…
原生态js方法实现全选复制功能 PetitQ HTML/CSS 2018-11-08 1.52K 0 0 我的demo网站想做一个复制代码的功能,可是原生态的js只有ie下才能实现,其他浏览器都需要flash来实现复制功能,我又不想用flash,鼓捣了很久,不能复制,我起码能做一个全选的功能吧。下面是复制的代码: function se…
CSS代码轻松实现虚线边框滚动动画 PetitQ HTML/CSS 2021-9-18 1.51K 0 0 百度ueditor编辑器网站首页底部有一个滚动虚框的效果,如下GIF示意: 当时我看到这个效果的时候,很兴奋,没想到做这个官网页面的还是个CSS牛人!等我打开控制台一看——恩,原来是JS计算实现的,我就默默地关掉了页面,假装刚才什么…
CSS代码轻松实现虚线边框滚动动画 PetitQ HTML/CSS 2021-9-18 1.51K 0 0 百度ueditor编辑器网站首页底部有一个滚动虚框的效果,如下GIF示意: 当时我看到这个效果的时候,很兴奋,没想到做这个官网页面的还是个CSS牛人!等我打开控制台一看——恩,原来是JS计算实现的,我就默默地关掉了页面,假装刚才什么…
如何在 JavaScript 中获取 CSS 值 PetitQ HTML/CSS 2018-11-07 1.50K 0 0 有时候单独的使用CSS是不够的。您可能需要使用JavaScript控制CSS值。但是你如何在JavaScript中获得CSS值?有两种可能的方式,取决于您是尝试获取内联样式还是计算样式。 获取内联样式 内联样式是存在于 HTML s…
如何在 JavaScript 中获取 CSS 值 PetitQ HTML/CSS 2018-11-07 1.50K 0 0 有时候单独的使用CSS是不够的。您可能需要使用JavaScript控制CSS值。但是你如何在JavaScript中获得CSS值?有两种可能的方式,取决于您是尝试获取内联样式还是计算样式。 获取内联样式 内联样式是存在于 HTML s…
原生态JS的方法调用CLASS元素标签 PetitQ HTML/CSS 2018-11-08 1.50K 0 0 最近研究起来原生态的js来,主要因为jquery太冗余了,拖慢了网站的访问速度,于是就写下了下面的这段代码来替换$(“.a1”)和$(“.a2”),希望对你们有用。
原生态JS的方法调用CLASS元素标签 PetitQ HTML/CSS 2018-11-08 1.50K 0 0 最近研究起来原生态的js来,主要因为jquery太冗余了,拖慢了网站的访问速度,于是就写下了下面的这段代码来替换$(“.a1”)和$(“.a2”),希望对你们有用。
stroke方法怎么使用 PetitQ HTML/CSS 2019-2-12 1.49K 0 0 stroke() 方法会实际地绘制出通过moveTo() 和lineTo()方法定义的路径,默认颜色是黑色。下面我们就来具体看看stroke() 方法的使用方法。我们先来看一下stroke() 方法的基本语法:context.str…
stroke方法怎么使用 PetitQ HTML/CSS 2019-2-12 1.49K 0 0 stroke() 方法会实际地绘制出通过moveTo() 和lineTo()方法定义的路径,默认颜色是黑色。下面我们就来具体看看stroke() 方法的使用方法。我们先来看一下stroke() 方法的基本语法:context.str…