配置不用操心了. x86 随便哪个 cpu 都随便带. 特别是对家用来说.

我 1037u 常年 5%左右的量( openwrt && $$). 感觉浪费弄了个 proxmox 再跑了 nginx 和 gitlab 还有一票 databse. 使用率都不过半.

你当前的做法, 不但 css 难以理解和维护, 而且 html 同样由于这个原因乱的很. 比如:
<p class="u-fo1 s-col2 f-po-ab f-po-ab2 f-flo-r">2016.03</p>,
完全无法判断是什么东西,
如果改为 <p class="publish-date">2016.03</p>, 不但语义清晰, 而且不影响重用, 要用到这个 date 的时候, 就用这个 class.

重用讲的是重用块, 或者重用更小的块中的某个元素, 而非重用某个 css 属性值.

要重用的话, 要从上往下看, 比如你页面中的 what when how, 显然可以重用一个样式, 将之提炼为一个块, 然后用之.

css 的重用有很大的缺点, 或者说是陷阱. 稍有不慎, 就会造成层叠失效, 或者牵一发动全身的局面, 而规范, 比如 BEM, 解决的就是上规模后代码的重用问题. 如果初学 css, 不必追求重用和精简, css 代码可以冗余, 当代码冗余之后, 可提炼和精简的部分也就很显然了, 然后可以尝试重构.

第一次看到有人这样写 css 的.

为什么默认 html 字体是 625%? 16px 或 100%不行? 不觉得因为 625%的原因, 导致所有的 rem 数值很 magic?
s-bg-4b 之类的名字确认不是混淆压缩过的吗? fuck1, fuck2 比这名字高多了.
.f-po-ab 诸如这种只有 position:absolute 这一条的有必要存在?

先取好名, 比如 .hero , .block, 不是 .hr , .blk.
合并和取消没有单独存在意义的样式.
就这个页面来看, 不需要绝对定位. 乱用绝对定位意味着你对布局不懂.
学习下 12 columns 的布局.
你用 font-family 的方式可能代表着你不懂'层叠'之意. 还是找本书, 先学基础知识.

我要打一发地图炮: 喜用百度的都是末流程序员.
不懂得学习方法的, 比不懂知识的更捞不起.

英文不好还喜欢用百度, 做啥程序员呢? 条条大路通罗马, 何必非得当码农?

做一天ie的hack让你妥妥的继续搞后端.

rails飘过.

不想成为计算机科学家的话就A, 想当计算机科学家选B你也晚了.
挺好奇的你为什么选择做这行? 都这把年纪了还是初哥, 而且听你的语气好像对于技术热情不是很大.

颠覆世界之前, 最先颠覆的是现世界成规中的自己. 不与现世界一定程度上的决裂, 也无从说起改变世界.
所以说改变世界貌似要先辍学的. 以上是扯.
--'除了编程，还擅长于界面设计，系统管理，一些其他的网络相关知识包括Socket'. 反过来说你一样也不擅长. 自己能警觉就好了.

怕打击干什么? 学技术的还怕打击?
楼上的太委婉了, 虽然ui不一定是你的目标,但不得不说你这ui做的太烂了.
简化设计吧. 遵从一些标准. 慢慢来.