自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 能用CSS就不考虑JS系列之——选中效果的实现

本文章带领大家用CSS代替JS实现选中效果,使用这种技巧能实现的效果能远超你的想象,快来一起学习!

2025-01-20 13:31:51 1104

原创 HTML学习笔记:<img>标签注意点大放送

那些你会忽略但很重要的img注意点!

2025-01-09 13:29:18 320

原创 如何用响应式设计提升用户体验感?掌握响应式布局必备技巧【响应式图片】是关键

在了解响应式图片之前,你或许得先清除什么是响应式布局,就像图一展示的那样:仅需一套代码就可以使同一个网站在手机、平板和电脑三个不同终端(不同的屏幕尺寸或分辨率)呈现出不同的布局,极大的提升了用户的体验感。而响应式图片是掌握响应式布局的必备技术,关于*如何创建响应式图片?

2025-01-09 08:00:00 778

原创 深扒【vertical-aline】垂直对齐方式——图片文字垂直居中对齐的好帮手

可能你并没有用过vertical-aline属性,但它在垂直对齐图像和文本上是个好帮手。这篇文章将带领你深扒vertical-aline,快速掌握它的实际应用包括:头像和用户名的垂直对齐、多行文本和块级元素的垂直居中。

2024-12-16 16:04:25 1144

原创 解决img和background-image选择困境的终极指南!

探讨标签和background-imageCSS属性的区别,以及不同应用场景下的择取。解决img和background-image选择困境的终极指南!

2024-12-14 12:11:02 386

原创 HTML学习笔记:<iframe>内嵌框架元素

利用内嵌框架元素,帮助你实现在你的网页中嵌入其它的网页或者视频等外部资源。当然如果你不希望你的网页被他人iframe嵌入,这里也将向你提供具体的解决办法。

2024-12-14 00:41:41 500

原创 掌握【object-fit】&【object-position】,让图片完美填充盒子!

工作中你可能会遇到这样的场景,类似下面某音乐的推荐歌单,该区域有着固定大小和数量的盒子,盒子中展示的图像(由 img 标记)每天都会实时更新那么,如何实现无论上传的图像尺寸是多少,都可以完美适配盒子模型,且展现的是图像的中心内容?通过对object-fit两个关键字的介绍和对比,还有示例演示,总结得出:如果想要实现导入和示例中的图像填充效果,请选择cover关键字

2024-11-10 08:00:00 727

原创 《掌握CSS三大特性,轻松解决CSS代码失效难题》

在前端学习中,CSS三大特性是必学且很重要的知识点,其中三大特性分别是:层叠性、继承性和优先级。三大特性亦是一种‘规则’,精通并‘遵守’是帮助你彻底解决CSS代码失效问题的关键!

2024-10-22 17:07:10 648 1

原创 Less预处理器 给CSS加点儿料

Less是一门CSS的扩展语言,它的语法和CSS相近,來帮助我们快速的书写CSS代码,享受'5G速度'。

2024-09-28 23:29:59 964

原创 清除浮动:解决盒子塌陷的5种方法

5种清除浮动方法,帮你彻底解决盒子塌陷问题!

2024-09-24 16:00:15 882

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除