css

display:inline-block换行问题

最近在写网站样式的时候,设置了子元素的宽度,目的让其并排展示一行,之前的都是用float写,没有遇到问题,今天使用了inline-block,却换行了,打开调试模式...

袁志蒙 2022-07-25 223次浏览

position: sticky 失效问题

CSS的 position 值中,有一个非常有用的值:position: sticky , 通常会被用于各种吸顶,吸底,吸边的效果中,最近遇到一些 position: sticky 失效的场景,所以总结了一下...

袁志蒙 2022-04-10 577次浏览

纯CSS实现步骤进度条效果

当我们收到这样的步骤进度条的需求时,我们之前的做法是用图片作为背景图,才可以做出这样的效果,现在我们只需要通过css就可以完成这样的...

袁志蒙 2021-06-22 2167次浏览

css+jquery实现美化的switch开关

没有用插件,利用label + radio特性做了一个switch开关,代码简洁易懂,可以集成到项目里,美化radio,完整代码分享...

袁志蒙 2021-04-19 2319次浏览

css3中常见的单位及总结

css3中常见的单位:1. px:绝对单位,页面按精确像素展示2. em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值...

管理员 2020-03-04 3403次浏览

分享一款纯css3+JS实现的漂亮的404页面

分享一款纯css3+JS实现的漂亮的404页面,无需加载任何图片,纯代码实现雪花渲染,有详细的代码提供大家学习,感兴趣的朋友可以参考下...

管理员 2020-01-21 4319次浏览

CSS3弹性Flex布局

一、Flex布局是什么?Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ display: flex;...

袁志蒙 2019-09-16 3231次浏览

css3+js来写一个手机导航菜单

有些站长说想做一个手机适应的网站,但是导航太难了,如果要使用框架的话,代码非常多,冗余.再用dreamwear打开,那直接就不响应了.我一直都喜欢用简单的代码来实现,js,css3利用的好,同样可以做...

袁志蒙 2018-03-17 4924次浏览

最简单的代码修饰器

做IT技术的人通常习惯记录blog等,一方面是记录自己的成长,另一方面是帮助到更多人,而技术分享的形式大多的是分享代码,可方便地让您的演示代码得到更美地展示。本人不喜欢调用大量的插件来实现这种效果,所...

袁志蒙 2017-11-23 2912次浏览

13种css超炫的鼠标滑过效果

虽然已从事php后台好几年,但始终不敢忘记之前学习的前端知识,闲暇的时间偶尔还写写html页面和js效果,总觉得全面发展比较稳...不多说,...

袁志蒙 2017-03-23 3270次浏览