趣php网站开发实战代码,国外网站首页设计,网站管理工作一般包括,网站上的办公网站怎么做引入Bootstrap的CSS样式后,标签、
标签等HTML自带的标签被覆写没有#xff1f;答#xff1a;覆写了。 为什么这么说#xff1f;证据呢#xff1f; 写一个实例#xff0c;然后调试模式看一下不就得了。
先看没有引入引入Bootstrap的CSS样式情况。
代码如下#xff1a; …引入Bootstrap的CSS样式后,标签、
标签等HTML自带的标签被覆写没有答覆写了。 为什么这么说证据呢 写一个实例然后调试模式看一下不就得了。
先看没有引入引入Bootstrap的CSS样式情况。
代码如下
!DOCTYPE html
html
headmeta charsetUTF-8title使用标题类/titlemeta nameviewport contentwidthdevice-width,initial-scale1, shrink-to-fitno
/head
bodyh1这是一个未引入bootstrap的CSS样式的h1标题/h1
/body
/html
我们用浏览器打开上面的代码然后F12进入调试模式发现h1的样式如下 可见这个h1使用的是客户端的样式。
再看引入了Bootstrap的CSS样式的情况。
代码如下
!DOCTYPE html
html
headmeta charsetUTF-8title使用标题类/titlemeta nameviewport contentwidthdevice-width,initial-scale1, shrink-to-fitnolink relstylesheet hrefbootstrap-4.5.3-dist/css/bootstrap.cssscript srcjquery-3.5.1.slim.js/scriptscript srcbootstrap-4.5.3-dist/js/bootstrap.min.js/script
/head
body classcontainerh1这是一个引入了Bootstrap的CSS样式的h1标题/h1
/body
/html
我们再次用浏览器打开上面的代码然后F12进入调试模式发现h1的样式如下 我们再点击上面截图中的 _type.scss 文件得到源文件如下 可见这个_type.scss 文件是来自于bootstrap的。
我们再用相同的内容对比下两种样式如下图所示 很明显二者的样式是不一样的。说明引入Bootstrap的CSS样式后,h标签、p标签等HTML自带的标签被覆写了。
那么在引入Bootstrap的CSS样式后有哪些HTML自带的标签被覆写了呢 这就只有慢慢收集了… 目前知道的有h标签、p标签以后发现新的再记录过来吧。 以后发现的 表格相关标签进行了优了如table、tr、td等。
