美化你的console，为它添加样式

美化你的console，为它添加样式

需求：

输出带有样式的consloe，例如

实现：

console.log('%c version %c 1.0.0 ',
    'background:#35495e ; padding: 1px; border-radius: 3px 0 0 3px;  color: #fff',
    'background:#41b883 ; padding: 1px; border-radius: 0 3px 3px 0;  color: #fff')

总结：

1. 给console添加样式需要用到%c占位符，
   每一个%c对应一个其后传入的样式，
   %c指令前的文本不会受到影响，但指令后的文本将会使用参数中声明的 CSS 样式。

2. 控制台信息的默认行为与行内元素相似。为了应用 padding, margin 这类效果，你应当这样设置display: inline-block.。

3. 可用属性如下：

• background 与其全写版本。
• border 与其全写版本。
• border-radius
• box-decoration-break
• box-shadow
• clear 和 float
• color
• cursor
• display
• font 与其全写版本。
• line-height
• margin
• outline 与其全写版本。
• padding
• text-transform 这类 text-* 属性
• white-space
• word-spacing 和 word-break
• writing-mode