玩转CSS之美

最近在还原设计稿的过程中，遇到一个需求，将边框设置为两种固定的颜色，设计稿大概就长这样。我们应该如何实现呢？

有些时候，我们希望一段文本中的字符逐个显现，模拟出一种打字的效果。这个效果在技术类网站中尤为流行，用等宽字体可以营造出一种终端命令行的感觉。如果使用得当，它确实可以让整个网页的设计感提升一个档次。

作为一只前端仔，我们的使命就是在满足产品需求、实现交互设计的基础上，将最好的体验呈现给用户。在保证性能的同时，我们通常会给页面加一些动态效果，以增强页面的表现力并提升页面的交互体验。笔者将通

「本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！」 写在前面 一、骰子的布局 骰子的样式 这里给出样式代码： HTML: CSS: 上面代码中，div元素（代表骰子的

「本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！」 写在前面 1. 相遇——Flex布局是什么？ 任何一个容器都可以指定为Flex布局。 行内元素也可以使用Flex布

一、BFC到底是什么？ BFC(Block Formatting Context)也叫"块格式化上下文"。 简单来说就是，BFC是一个完全独立的空间（布局环境），让空间里的子元素不会影响到外面的布局，

1. 圣杯布局 看，是不是很像一个圣杯，这就圣杯布局的来源啦，这种网页布局很常见呦，每个前端人都应该会哒！ 目的 两侧内容宽度固定，中间内容宽度自适应 三栏布局，中间一栏最先加载、渲染出来（主要内容）