几行代码搞定CSS项目名称两端对齐 PetitQ HTML/CSS 2020-3-04 2.01K 0 0 最近这两天因为疫情的原因闲下来了,无聊又调整了调整自己的主题,在调整过程中因为有些项目需要两端对齐,所以便有了这篇文章,说到两端对齐,大家并不陌生,在word、powerpoint、outlook等界面导航处,其实都有一个两端对齐(…
几行代码搞定CSS项目名称两端对齐 PetitQ HTML/CSS 2020-3-04 2.01K 0 0 最近这两天因为疫情的原因闲下来了,无聊又调整了调整自己的主题,在调整过程中因为有些项目需要两端对齐,所以便有了这篇文章,说到两端对齐,大家并不陌生,在word、powerpoint、outlook等界面导航处,其实都有一个两端对齐(…
Firefox 火狐浏览器获得图片base64字符串的方法 PetitQ HTML/CSS 2022-1-02 1.24K 0 0 base64编码 是将数据用 64 个可打印的字符进行编码的方式,任何数据底层实现都是二进制,所以都可以进行 base64编码,base64编码 主要用在数据传输过程中(编码、解码)。而 Data URI 是将数据用 URI 的形式…
Firefox 火狐浏览器获得图片base64字符串的方法 PetitQ HTML/CSS 2022-1-02 1.24K 0 0 base64编码 是将数据用 64 个可打印的字符进行编码的方式,任何数据底层实现都是二进制,所以都可以进行 base64编码,base64编码 主要用在数据传输过程中(编码、解码)。而 Data URI 是将数据用 URI 的形式…
视频播放插件Video.js中文使用说明 PetitQ HTML/CSS 2020-3-04 4.39K 0 0 因为博客会分享一些视频,而 WordPress 仅支持在文章中插入视频连接,不支持多集视频,自己想要这个功能很长时间了,一直没能实现,最近有时间尝试了一下,后台主要是通过 Post Meta 实现的,前端显示通过 Video.js …
视频播放插件Video.js中文使用说明 PetitQ HTML/CSS 2020-3-04 4.39K 0 0 因为博客会分享一些视频,而 WordPress 仅支持在文章中插入视频连接,不支持多集视频,自己想要这个功能很长时间了,一直没能实现,最近有时间尝试了一下,后台主要是通过 Post Meta 实现的,前端显示通过 Video.js …
jQuery 通过class名称验证表单值不为空 PetitQ HTML/CSS 2020-12-09 1.04K 0 0 我们在使用CMS系统开发网站的时候,经常需要验证表单数据为必填项,若用jQuery通过ID去验证,不仅会影响效率,还会有所遗漏,不易于后期维护。 本章将介绍如何利用jQuery,通过为表单配置class进行统一验证。(ID一个页面只…
jQuery 通过class名称验证表单值不为空 PetitQ HTML/CSS 2020-12-09 1.04K 0 0 我们在使用CMS系统开发网站的时候,经常需要验证表单数据为必填项,若用jQuery通过ID去验证,不仅会影响效率,还会有所遗漏,不易于后期维护。 本章将介绍如何利用jQuery,通过为表单配置class进行统一验证。(ID一个页面只…
通过 CSS自定义属性(CSS变量)和 JavaScript 实现高级CSS主题切换 PetitQ HTML/CSS 2018-11-07 2.35K 0 2 在本教程中,我们将使用 CSS自定义属性(也称为CSS变量)来为简单的HTML页面实现主题切换。 我们将创建暗黑和明亮的示例主题,然后编写JavaScript 以在用户单击按钮时在两者之间切换。 如果你以前没接触过,请先阅读CSS变…
通过 CSS自定义属性(CSS变量)和 JavaScript 实现高级CSS主题切换 PetitQ HTML/CSS 2018-11-07 2.35K 0 2 在本教程中,我们将使用 CSS自定义属性(也称为CSS变量)来为简单的HTML页面实现主题切换。 我们将创建暗黑和明亮的示例主题,然后编写JavaScript 以在用户单击按钮时在两者之间切换。 如果你以前没接触过,请先阅读CSS变…
iframe 嵌入网页自动延伸高度保持嵌入网页高度 PetitQ HTML/CSS 2018-12-10 1.50K 0 1 平时我们或许会在一个网页中镶入一个可以不固定高度的网页,我们需要让框架随着镶入网页的高度从而增加高度,以下代码可以解决不支持自动扩展高度的问题。
iframe 嵌入网页自动延伸高度保持嵌入网页高度 PetitQ HTML/CSS 2018-12-10 1.50K 0 1 平时我们或许会在一个网页中镶入一个可以不固定高度的网页,我们需要让框架随着镶入网页的高度从而增加高度,以下代码可以解决不支持自动扩展高度的问题。
纯CSS粘住固定底部的5种方法 PetitQ HTML/CSS 2018-11-11 2.26K 0 0 本文主要介绍一个Footer元素如何粘住底部,使其无论内容多或者少,Footer元素始终紧靠在浏览器的底部。我们知道,当内容足够多可以撑开底部到达浏览器的底部,如果内容不够多,不足以撑开元素到达浏览器的底部时,下面要讲的布局就是解决…
纯CSS粘住固定底部的5种方法 PetitQ HTML/CSS 2018-11-11 2.26K 0 0 本文主要介绍一个Footer元素如何粘住底部,使其无论内容多或者少,Footer元素始终紧靠在浏览器的底部。我们知道,当内容足够多可以撑开底部到达浏览器的底部,如果内容不够多,不足以撑开元素到达浏览器的底部时,下面要讲的布局就是解决…
HTML5(Placeholder)占位文字添加CSS样式 PetitQ HTML/CSS 2018-11-09 1.77K 0 0 在HTML5中新增了许多新特性,其中placeholder就是其中之一。placeholder属性规定可描述输入字段预期值的简短的提示信息。该提示会在用户输入值之前显示在输入字段中。placeholder属性适用于下面的表单inpu…
HTML5(Placeholder)占位文字添加CSS样式 PetitQ HTML/CSS 2018-11-09 1.77K 0 0 在HTML5中新增了许多新特性,其中placeholder就是其中之一。placeholder属性规定可描述输入字段预期值的简短的提示信息。该提示会在用户输入值之前显示在输入字段中。placeholder属性适用于下面的表单inpu…
CSS实现边框透明的方法 PetitQ HTML/CSS 2019-10-11 3.57K 0 0 透明一般认为是一种颜色属性,但是并没有这个数值。我们找到了一种让边框实现透明的最佳方案,运用RGBA设置。 css可以使用RGBA设置边框透明,RGBA在RGB的基础上多了控制alpha透明度的参数,我们使用RGBA设置边框颜色同时…
CSS实现边框透明的方法 PetitQ HTML/CSS 2019-10-11 3.57K 0 0 透明一般认为是一种颜色属性,但是并没有这个数值。我们找到了一种让边框实现透明的最佳方案,运用RGBA设置。 css可以使用RGBA设置边框透明,RGBA在RGB的基础上多了控制alpha透明度的参数,我们使用RGBA设置边框颜色同时…
HTML中input与button高度不一致的原因 PetitQ HTML/CSS 2018-11-11 2.23K 0 0 HTML中input和button设置同样高度却不能等高的原因是,Button在高度计算上始终使用了Quirks模式。在Quirks模式下,边框的计算是在元素的宽度内的,而不像标准模式一样计算在外部(button的高度包含边框的高度…
HTML中input与button高度不一致的原因 PetitQ HTML/CSS 2018-11-11 2.23K 0 0 HTML中input和button设置同样高度却不能等高的原因是,Button在高度计算上始终使用了Quirks模式。在Quirks模式下,边框的计算是在元素的宽度内的,而不像标准模式一样计算在外部(button的高度包含边框的高度…
给菜单中UL下的某一个或某几个LI添加自定义类 PetitQ HTML/CSS 2020-3-31 1.25K 0 0 我们有时候在定制WORDPRESS主题的时候,由于菜单样式的要求我们需要给我们的WordPress获取到的菜单中的UL下的某一个或某几个LI添加自定义的类,比如我给客户设置制作的这个主题中,因为LOGO在菜单中间显示,所以我需要第四…
给菜单中UL下的某一个或某几个LI添加自定义类 PetitQ HTML/CSS 2020-3-31 1.25K 0 0 我们有时候在定制WORDPRESS主题的时候,由于菜单样式的要求我们需要给我们的WordPress获取到的菜单中的UL下的某一个或某几个LI添加自定义的类,比如我给客户设置制作的这个主题中,因为LOGO在菜单中间显示,所以我需要第四…
怎样让网页图片高度自适应宽度 PetitQ HTML/CSS 2019-3-12 1.77K 0 1 你肯定知道width百分比可以实现图片宽度的自适应,那么你知道高度也可以根据宽度变话而自适应比变化么,看下本文就了解了!当前响应式布局,内容尺寸自适应设备是众多网站开发者的选择,毕竟现在显示器、笔记本、移动设备的尺寸太过于繁多了,其…
怎样让网页图片高度自适应宽度 PetitQ HTML/CSS 2019-3-12 1.77K 0 1 你肯定知道width百分比可以实现图片宽度的自适应,那么你知道高度也可以根据宽度变话而自适应比变化么,看下本文就了解了!当前响应式布局,内容尺寸自适应设备是众多网站开发者的选择,毕竟现在显示器、笔记本、移动设备的尺寸太过于繁多了,其…