09/30
2016
今天在看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.
先这些吧=。=