

09/30
2016
今天在看Bootstrap的全局css样式,Bootsrtap有些组件真是很方便,不过本站的样式已经固定了,不适合再引用Bootsrtap了,所以提取几个标签的样式出来,以后也许会用到。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | 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 ; } |
对应的标签如下:
1 2 3 | < 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.
先这些吧=。=