HTML5 placeholder美化input背景提示文字 PetitQ HTML/CSS 2019-5-19 1.40K 0 0 CSS3里提供了专门的规则属性来美化用placeholder实现的input输入框的背景提示信息。下面我们来看看如何用专用的CSS属性来美化具有placeholder属性的Input输入框。 CSS代码 在火狐浏览器中的写法和在谷歌…
HTML5 placeholder美化input背景提示文字 PetitQ HTML/CSS 2019-5-19 1.40K 0 0 CSS3里提供了专门的规则属性来美化用placeholder实现的input输入框的背景提示信息。下面我们来看看如何用专用的CSS属性来美化具有placeholder属性的Input输入框。 CSS代码 在火狐浏览器中的写法和在谷歌…
HTML+CSS+JS实现今天的日期和今天剩余的时间 PetitQ HTML/CSS 2019-11-20 2.25K 0 0 使用html+css+js实现日历与定时器,看看今天的日期和今天剩余的时间。 哎,今天就又这么过去了,过的可真快。代码如下,复制即可使用: Title ----- 今天的余额 -----
HTML+CSS+JS实现今天的日期和今天剩余的时间 PetitQ HTML/CSS 2019-11-20 2.25K 0 0 使用html+css+js实现日历与定时器,看看今天的日期和今天剩余的时间。 哎,今天就又这么过去了,过的可真快。代码如下,复制即可使用: Title ----- 今天的余额 -----
HTML 标签属性 PetitQ HTML/CSS 2019-2-13 1.34K 0 0 Map标签常用在为图像的某区域添加超链接,主要定义一个客户端图像映射,图像映射(image-map)指带有可点击区域的一幅图像。area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。<img>…
HTML 标签属性 PetitQ HTML/CSS 2019-2-13 1.34K 0 0 Map标签常用在为图像的某区域添加超链接,主要定义一个客户端图像映射,图像映射(image-map)指带有可点击区域的一幅图像。area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。<img>…
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…
Font Awesome 网站字体图标不显示的解决方法 PetitQ HTML/CSS 2022-9-27 2.51K 0 0 在做网站过程中,经常会遇到一些奇怪的问题。例如一个网站中有的网页的字体图标正常显示,但有的字体图标却显示为空白。如下图: 正常情况下: 字体图标不显示: 通过浏览器的检查功能,可以查到造成字体图标不显示的原因,是由于字体图标的样式在…
Font Awesome 网站字体图标不显示的解决方法 PetitQ HTML/CSS 2022-9-27 2.51K 0 0 在做网站过程中,经常会遇到一些奇怪的问题。例如一个网站中有的网页的字体图标正常显示,但有的字体图标却显示为空白。如下图: 正常情况下: 字体图标不显示: 通过浏览器的检查功能,可以查到造成字体图标不显示的原因,是由于字体图标的样式在…
Flexbox 可视化信息图 PetitQ HTML/CSS 2021-12-07 745 0 0 这是一张 CSS Flexbox 属性可视化信息图,有助于前端工程师更好的了解Flexbox的各个参数属性的用法,Flexbox在网页的布局上非常实用,这是一个重要的WEB布局属性,必修要学会。如果要下载这个图,直接把图像另存为就可…
Flexbox 可视化信息图 PetitQ HTML/CSS 2021-12-07 745 0 0 这是一张 CSS Flexbox 属性可视化信息图,有助于前端工程师更好的了解Flexbox的各个参数属性的用法,Flexbox在网页的布局上非常实用,这是一个重要的WEB布局属性,必修要学会。如果要下载这个图,直接把图像另存为就可…
Firefox 火狐浏览器获得图片base64字符串的方法 PetitQ HTML/CSS 2022-1-02 1.21K 0 0 base64编码 是将数据用 64 个可打印的字符进行编码的方式,任何数据底层实现都是二进制,所以都可以进行 base64编码,base64编码 主要用在数据传输过程中(编码、解码)。而 Data URI 是将数据用 URI 的形式…
Firefox 火狐浏览器获得图片base64字符串的方法 PetitQ HTML/CSS 2022-1-02 1.21K 0 0 base64编码 是将数据用 64 个可打印的字符进行编码的方式,任何数据底层实现都是二进制,所以都可以进行 base64编码,base64编码 主要用在数据传输过程中(编码、解码)。而 Data URI 是将数据用 URI 的形式…
DIV标签里面IMG图片下方留有空白怎么办 PetitQ HTML/CSS 2019-6-13 1.35K 0 0 我们很多个人博客网站都会广告位投放一些图片广告,在网页设计中,图片是不可缺少的素材,但是在div标签里面放入img图片的话,有时候会在图片的下方出现一行空间的区域,如果单纯的图片不醒目或是图片所在的位置不重要的话,我们可以不去理会,…
DIV标签里面IMG图片下方留有空白怎么办 PetitQ HTML/CSS 2019-6-13 1.35K 0 0 我们很多个人博客网站都会广告位投放一些图片广告,在网页设计中,图片是不可缺少的素材,但是在div标签里面放入img图片的话,有时候会在图片的下方出现一行空间的区域,如果单纯的图片不醒目或是图片所在的位置不重要的话,我们可以不去理会,…
DIV不确定高度内部元素水平垂直居中的方法归纳 PetitQ HTML/CSS 2020-3-02 1.36K 0 0 总结当前知道的对div嵌套标签水平垂直居中方法,如果还有新的方法,请不吝赐教哦。好,下面开始列举代码咯。首先给需要实现水平垂直居中的两个div设置统一的样式: .styl { width: 100%; height: 300px; …
DIV不确定高度内部元素水平垂直居中的方法归纳 PetitQ HTML/CSS 2020-3-02 1.36K 0 0 总结当前知道的对div嵌套标签水平垂直居中方法,如果还有新的方法,请不吝赐教哦。好,下面开始列举代码咯。首先给需要实现水平垂直居中的两个div设置统一的样式: .styl { width: 100%; height: 300px; …
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是开源的项目,所以可以免费玩耍 ,不过如…
CSS的+(加号)选择器怎么用 PetitQ HTML/CSS 2019-2-12 1.71K 0 0 在CSS中“+”符号选择器用于选择紧跟在指定元素之后但不在特定元素内部的元素。下面本篇文章就来具体介绍一下,希望对大家有所帮助。在CSS中“+”符号选择器被称为相邻兄弟选择器,用于选取在同一父元素下的,紧跟指定元素之后的另一个元素。…
CSS的+(加号)选择器怎么用 PetitQ HTML/CSS 2019-2-12 1.71K 0 0 在CSS中“+”符号选择器用于选择紧跟在指定元素之后但不在特定元素内部的元素。下面本篇文章就来具体介绍一下,希望对大家有所帮助。在CSS中“+”符号选择器被称为相邻兄弟选择器,用于选取在同一父元素下的,紧跟指定元素之后的另一个元素。…
CSS样式表属性最佳书写顺序是怎样的? PetitQ HTML/CSS 2019-5-13 1.76K 0 0 好久没有更文了,博客都要荒废了,惭愧一下下,刚好这段时间稍微整理了一下之前写的样式表,就来说下CSS样式表中各个属性的书写顺序是怎样的。 像很多初学者一样,飞鸟刚开始写样式表也是很佛系的,想到什么就在样式里写什么,毫无规律。其实这样…
CSS样式表属性最佳书写顺序是怎样的? PetitQ HTML/CSS 2019-5-13 1.76K 0 0 好久没有更文了,博客都要荒废了,惭愧一下下,刚好这段时间稍微整理了一下之前写的样式表,就来说下CSS样式表中各个属性的书写顺序是怎样的。 像很多初学者一样,飞鸟刚开始写样式表也是很佛系的,想到什么就在样式里写什么,毫无规律。其实这样…