前端面试——HTML + CSS + JS，可以再轻松点儿~ 🔥🔥🔥“前端一万小时”两大明星专栏限时折扣中，欢迎点击公众号菜单栏各模块了解~

响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够。 响应式：只需要开发一套代码。 响应式设计通过检测视口分辨率，针对不同客户端在客户端做代码处理，来展现不同的布局和内容。 自适应：需要开发多…

本文将介绍如何仅仅使用 HTML/CSS 就可以创建出各种基础进度条及花式进度条及实现其酷炫动画的方式。

今天在网上看到一篇文章中有个时间轴图片，很是符合我的审美，在能表现出要表达给用户的信息外，极尽简约，很漂亮，打算实现一下。好吧，文章https://www.jianshu.com/p/d03f994b6c44已经给出了实现方式，再copy一遍？No，换一种思路吧。 右边的实际就…

本文已参与「新人创作礼」活动，一起开启掘金创作之路。本篇文章主要解释为什么在CSS设置样式 border-radius 属性值为50%和100% 时效果一样的疑惑，看完此篇希望解答了你心中的疑惑。

如何使一个盒子水平垂直居中 在日常的网页开发过程中，我们经常需要让一个盒子在另外一个盒子中水平垂直居中对齐，下面我介绍一下常见的可行方法 方法一：利用定位（常用方法,推荐） 方法二：利用 margin

阅前必看：本文总结了各种常见的布局实现,每个方法的优缺点分析往后在github上陆续补充。还有就是这篇文章没提到的其他布局，待本人后续想到或遇到定会在github上及时更新。 由于文章篇幅较长,排版有些混乱,希望别介意哈。掘金PC端是会自动生成目录的,为了方便移动端阅读，还特意…

脑海闪过了什么？定位，浮动，背景图片，伪元素。。。还是大脑一片空白？ 条条大路通罗马，相信给你足够的时间，静静的坐在开着空调的房间里，你会得到自己的实现方法。 先看第一种，背景纯色的实现方案。 用的一个方法是用一个空的标签，来写这条横线。当然也可以用背景图，切一个中间透明，两边…

文字两侧加横线的解决方案