Bootstrap全局css样式_代码
生活随笔
收集整理的這篇文章主要介紹了
Bootstrap全局css样式_代码
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
內聯代碼
通過 <code> 標簽包裹內聯樣式的代碼片段。<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><link rel="stylesheet" href="bootstrap.min.css">
</head>
<body><div class="container"><p>Hello大家好,<code>歡迎來到聲訊臺</code>,希望您能在這里對BootStrap有一個很好的理解.</p></div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><link rel="stylesheet" href="bootstrap.min.css">
</head>
<body><div class="container"><p>Hello大家好,<code>p</code>,希望您能在這里對BootStrap有一個很好的理解.</p></div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><link rel="stylesheet" href="bootstrap.min.css">
</head>
<body><div class="container"><p>Hello大家好,<code><section></code> ,希望您能在這里對BootStrap有一個很好的理解.</p></div>
</body>
</html>
通過 <kbd> 標簽標記用戶通過鍵盤輸入的內容。
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><link rel="stylesheet" href="bootstrap.min.css"> </head> <body><div class="container"><p>Hello大家好,歡迎來到<kbd>聲訊臺</kbd>,希望您能在這里對BootStrap有一個很好的理解.</p></div> </body> </html>多行代碼可以使用 <pre> 標簽。為了正確的展示代碼，注意將尖括號做轉義處理。
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><link rel="stylesheet" href="bootstrap.min.css"> </head> <body><div class="container"><p>Hello大家好,歡迎來到<kbd>聲訊臺</kbd>,希望您能在這里對BootStrap有一個很好的理解.</p><pre><p>Sample text here...</p></pre></div> </body> </html>通過 <var> 標簽標記變量。
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><link rel="stylesheet" href="bootstrap.min.css"> </head> <body><div class="container"><var>y</var> = <var>m</var><var>x</var> + <var>b</var></div> </body> </html>通過 <samp> 標簽來標記程序輸出的內容。
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><link rel="stylesheet" href="bootstrap.min.css"> </head> <body><div class="container"><samp>This text is meant to be treated as sample output from a computer program.</samp></div> </body> </html>?
總結
以上是生活随笔為你收集整理的Bootstrap全局css样式_代码的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： bootstrap起步 全局css样式概
- 下一篇： Bootstrap全局css样式_表格