引入Bootstrap的CSS樣式后,標(biāo)簽、
標(biāo)簽等HTML自帶的標(biāo)簽被覆寫沒有？答：覆寫了。
為什么這么說？證據(jù)呢？
寫一個實(shí)例，然后調(diào)試模式看一下不就得了。
先看沒有引入引入Bootstrap的CSS樣式情況。
代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用標(biāo)題類</title>
<meta name="viewport" content="width=device-width,initial-scale=1, shrink-to-fit=no">
</head>
<body>
<h1>這是一個未引入bootstrap的CSS樣式的h1標(biāo)題</h1>
</body>
</html>
我們用瀏覽器打開上面的代碼，然后F12進(jìn)入調(diào)試模式，發(fā)現(xiàn)h1的樣式如下：
可見，這個h1使用的是客戶端的樣式。
再看引入了Bootstrap的CSS樣式的情況。
代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用標(biāo)題類</title>
<meta name="viewport" content="width=device-width,initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="bootstrap-4.5.3-dist/css/bootstrap.css">
<script src="jquery-3.5.1.slim.js"></script>
<script src="bootstrap-4.5.3-dist/js/bootstrap.min.js"></script>
</head>
<body class="container">
<h1>這是一個引入了Bootstrap的CSS樣式的h1標(biāo)題</h1>
</body>
</html>
我們再次用瀏覽器打開上面的代碼，然后F12進(jìn)入調(diào)試模式，發(fā)現(xiàn)h1的樣式如下：
我們再點(diǎn)擊上面截圖中的 _type.scss 文件，得到源文件如下：
可見，這個_type.scss 文件是來自于bootstrap的。
我們再用相同的內(nèi)容，對比下兩種樣式，如下圖所示：
很明顯，二者的樣式是不一樣的。說明引入Bootstrap的CSS樣式后,＜h＞標(biāo)簽、＜p＞標(biāo)簽等HTML自帶的標(biāo)簽被覆寫了。文章來源：http://www.zghlxwxcb.cn/news/detail-697981.html
那么在引入Bootstrap的CSS樣式后，有哪些HTML自帶的標(biāo)簽被覆寫了呢？
這就只有慢慢收集了…
目前知道的有＜h＞標(biāo)簽、＜p＞標(biāo)簽，以后發(fā)現(xiàn)新的再記錄過來吧。
以后發(fā)現(xiàn)的：
表格相關(guān)標(biāo)簽進(jìn)行了優(yōu)了，如<table>、<tr>、<td>等。文章來源地址http://www.zghlxwxcb.cn/news/detail-697981.html
到了這里，關(guān)于引入Bootstrap的CSS樣式后,＜h＞標(biāo)簽、＜p＞標(biāo)簽等HTML自帶的標(biāo)簽被覆寫沒有？答：覆寫了。的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
