认识 flex 布局 Flex布局 ： 简单通过容器规则 ， 尽量不操作子元素 Flex布局的核心概念包括两个主要部分：Flex容器（Flex Container）和Flex项目（Flex Item）

废话开篇：简单记录下一些图形绘制 一、开始 二、小刀 三、思考与总结 没有什么特别复杂的东西，记录一下绘制过程中的一些属性，希望对大家有所帮助，代码拙劣，大神勿笑[抱拳][抱拳][抱拳]

在前端面试中，用 CSS 绘制基础的几何图形就是一个经典的面试考点。你能否熟练地用 CSS 实现这些图形，就能体现你对 CSS 部分基础属性和特性的理解。

主要介绍了字体文件压缩的几种工具，如 transfonter、Fontmin。使用Fontmin.otf2ttf()将 otf 文件转为 ttf 文件，使用Fontmin.glyph提取字体文件

1. 三角形 我们知道，如果设置一个盒子的宽高为 0，盒子就会变成一个点。此时再给上下左右四个 border 一定的宽度和不同的颜色，那么单纯由 border 填充的盒子看起来是这样的： 上面两种方法效果一样，接着根据实际情况隐藏其中三个三角形即可。我们这里只想要显示底下的三角…

byzhangxinxufromhttps://www.zhangxinxu.com/wordpress/?p=8386本文可全文转载，无需授权，只要保留原作者、出处以及文中链接即可。以下这些造型简单

分享：今天在一个网站上看到用css制作各种css图形，摘录下，以供不时之需，特别分享一下Square(正方形)Rectangle(矩形)Circle(圆形)Oval(椭圆形)TriangleUp(向上

关于 class 命名的总结

不定高度元素实现展开收起动画，分别使用 css 与 js 实现，元素展开收起动画不在发愁，直接搞定。