jnfy的博客

纯CSS实现UI设计中常见的丝带效果

盘点CSS文本两端对齐的N种方式

CSS实现一个充电气泡特效

CSS Grid 布局是 CSS 中最强大的布局系统（没有之一）。说起布局，另一个方便好用的Flex布局是避不开的，与 Flex 的一维布局系统不同，CSS Grid 布局是一个二维布局系统，也就意味着它可以同时处理列和行。你可以把它想象成一个Table。本文不是一个大而全的教程，而是一个快速入门。

响应式开发心得

移动端浏览器常用的 meta 标签

​HTML meta 标签详解标签定义了关于 HTML 文档的元数据。它可以用于向搜索引擎和网站访问者描述你的页面内容。其中一些 meta 标签对 SEO 有着至关重要的影响。在本文中，我们将讨论需要关注的最重要的元标记。​

在CSS,很多属性都依赖于长度度量来合适的显示各种页面元素，因此CSS中也有很多长度单位也不足为奇。那么问题来了：说说你知道CSS长度单位？px、em、rem……

前几天面试一家公司，被问到垂直居中的方法，我只答出了margin、table-cell、flex三种。回来之后觉得特别惭愧，于是整理了一下居中的方案做个记录，希望对大家也有帮助。 如果哪里写的不对，欢迎指正，非常感谢。

CSS 专业技巧

也许简历里写着精通CSS的你看到这标题就笑了。CSS也算编程语言？

echartsjs中国地图省份悬浮提示,s鼠标移上去某个区域显示详情.

CSS是一种用于描述HTML或XML（包括如SVG，MathML等衍生语言）文档样式的样式表语言，它不仅仅可以用于控制网页的布局和颜色，还能够对网页中元素位置的排版进行像素级精确控制，能够生成各种形状，不管在日常的开发还是学习中，对我们都有帮助。

在又到了金三银四的招聘季，不管你是刚入行的小白，亦或是混迹职场的老鸟，还在为面试前端工程师时不知道面试官要问什么怎么回答而苦恼吗？为了帮助你获得面试官的青睐，顺利通过面试，跳槽进入大厂，走上人生巅峰，整理了一些前端面试，希望对在面试中或学习工作中的你有所帮助！

BFC是css中的一个重要，也经常会在面试中问到。想当年，小编在面试时被问到BFC也是一脸蒙圈，同时小编有时候也会面试一些其他人，有的甚至没听过这个的概念，也可能在工作中，有的人无意中用到了BFC却不知道它的概念。因此，今天有必要再把这个问题拿出来说一说了。

实现文字智能适配背景效果通常指的是让文字的颜色或样式根据背景颜色的变化而自动调整，以达到最佳的视觉可读性和美观性。

CSS行元素的截断样式box-decoration-break属性

今天我们聊一个CSS布局中一个老生常谈的问题就是元素的水平垂直居中。不管在面试还是平时写网页布局，都是经常需要使用的。之前我也面试过别人或者被别人面试，这个问题的出现频率也是非常高的，面试官一般都会问：元素的水平垂直居中你能有几种实现方法？面试官想要你尽可能的多说实现几种方法，如果你只说一两种方法，可能就不能赢得面试官的倾心。在实际写代码过程中，遇到各种场景的水平垂直居中，可能还要去网上百度，不能做到信手拈来，作为一个合格的“前端攻城狮”确实有点不应该。那么，这篇文章就教你在遇到这类问题时怎么征服面

H5 移动端开发的必不可少的一个环节就是移动端网页的适配，因为UI通常只会提供大小固定的设计稿，而各种不同移动设备具有不同的页面分辨率和大小，所以适配的目的就是让一份设计稿在不同移动设备上表现出一致性。虽然现如今各种插件都可以帮助我们快速配置完成，例如lib-flexible、postcss-pxtorem、postcss-px-to-viewport等等，但不少小伙伴在被问及相关原理时却很难说清楚，那么本篇文章我们就一起来探究一下其中原理吧！！！

用了那么久的 CSS ，但你还是不懂它