saber 酱的抱枕

Fly me to the moon

09/30
2016
学习

提取Bootsrtap的几个标签样式

今天在看Bootstrap的全局css样式,Bootsrtap有些组件真是很方便,不过本站的样式已经固定了,不适合再引用Bootsrtap了,所以提取几个标签的样式出来,以后也许会用到。

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
   font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
   font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
samp {
  font-family: monospace, monospace;
  font-size: 1em;
   font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

对应的标签如下:

<kbd>ctrl+w</kbd>
<code>JavaScript</code>
<samp>This text is meant to be treated as sample output from a computer program.</samp>

kbd标签:用户输入

ctrl+w

code标签:内联代码 (本站对此标签已有定义,所以下面是截图)

samp:程序输出

This text is meant to be treated as sample output from a computer program.

先这些吧=。=

提取Bootsrtap的几个标签样式