最新一段时间比较喜欢玩弄图表，出于好奇，我想找出比较好的用 CSS 制作图表的方案。开始学习网上开源图表库，它对我学习新的和不熟悉的前端技术很有帮助，比如这个：CSS Grid。
今天和大家分享我学到的新知识：如何用 CSS Grid 布局制作一个普通的响应式柱状图。先上效果图：
2025年04月15日
最新一段时间比较喜欢玩弄图表，出于好奇，我想找出比较好的用 CSS 制作图表的方案。开始学习网上开源图表库，它对我学习新的和不熟悉的前端技术很有帮助，比如这个：CSS Grid。
今天和大家分享我学到的新知识：如何用 CSS Grid 布局制作一个普通的响应式柱状图。先上效果图：
2025年04月15日
CSS grid布局是一种很强大的布局，兼容性如上表所示，表现在控制台里，你可以清楚看到他的内部每一个块都由一个虚线方块组成。他的每行每列都会生产一个单元格，而划分他们之间的线称为网格线。我这次就主要讲述其中两个属性。
1.grid-template-columns(rows), 他可以的定义网格列或者行的维度大小，在属性数值上，除了比较常用的属性，还支持fr，flex弹性系数，可以根据该数值比例来分配剩余空间。还有[xx]在属性数值里定义网格线的名称，方便以后再次引用他。还有repeat属性。
2025年04月15日
说到响应式css框架，你会想到哪些？ bootstrap，pure.css ? 下面推荐的这块比较特别，它的栅格系统是基于100%来构建的，类似于bootstrap的100%格子系统。
One% CSS Grid 是一款用来构建响应式排版的12列流畅的网格系统，支持1280px和1024px两种宽度的选项，采用基于百分比的网格系统来完美适配各种屏幕。
One% CSS Grid是一款基于百分比的CSS响应式框架，这意味着布局的列尺寸控制是按照百分比来计算的，这一点大大方便了响应式设计。
2025年04月15日
CSS Grid 是一种为 Web 开发创建网站布局的方式。它已经存在了很多年，随着更多浏览器的支持，它终于变得越来越流行。
接下来我们将了解下 CSS Grid 及其工作原理。了解下它如何使用。
2025年04月11日
EnVyUs战队近期表现低迷，在ESL Expo巴塞罗那上仅仅拿到第五名，而在IEM卡托维兹2016更是排名最末。随后EnVyUs决定对现有阵容进行调整，如今正式宣布启用前LDLC.White战队成员Timothée 'DEVIL' Démolon作为首发，换下Fabien 'Kioshima' Fiey。Timothée 'DEVIL' Démolon在为LDLC.White效命的十个月里表现不错，随队出现在6项比赛的总决赛阶段，并拿下3次冠军，最近一次是在ASUS ROG Assembly冬季总决赛上2:-0击败ENCE。
2025年04月11日
作者：魔鬼天使、岳小妖、Janice、吝十、老K
图片：一村
B组生死鏖战，OMG的晋级之路
力克IG，OMG与IG以相同战绩8胜5负5积分踏上晋级之路
说出来你可能不信，OMG不是打架队了：OMG本周一改往常打架队的风格，拿出速推攻塔套路。本周场均20分钟推塔2.8座，排在全LPL第二，虽然不敌本周2场比赛中以场均20分钟推塔3座排在第一的VG，但比较前八周数据来看，OMG在10分钟推塔数只有0.41，而这周10分钟推塔数达到惊人的1.2座——甭管那么多，先互相换了塔再说。
2025年04月11日
HYG vs QG
第一场
血亏型换线
HYG的下路在成功换线后选择了控线的策略， 在上路存了一大波兵，QG下路见状在推完线后赶到上路吃兵，结果是换线结束后 Uzi补刀上有35比20的领先，而V的补刀也有16比7的领先，连打野Swift的补刀都21比10领先对手。
7分钟抱团
2025年04月11日
女子CSGO战队We Run This Place（这里我们说了算）宣布正式与Team Secret签约，前不久她们在卡托维兹上有过成功的表现。
WRTP战队
WRTP被认为是目前顶尖的女子CSGO战队，她们几乎统治了所有她们参加过的比赛，最近一次是在Intel卡托维兹挑战赛（Intel Challenge Katowice）上战胜CLG Red，勇夺冠军。这次胜利终于让她们吸引了一家大型电竞俱乐部的目光，Team Secret决定签下这支此前还无归属的战队。这个阵容曾经以多支其他著名女子CSGO战队之名参加过比赛，包括Bad Monkey和Games4u。