我是HTML的新手,我正在努力了解何时以及具体为什么我们在div中使用div。例如:
<section id="home-bg-parallax" class="h-100 overflow-hidden p-0 w-100">
<!-- BG Parallax -->
<div class="bg-parallax bg-overlay-black-8"></div>
<div class="h-100 left-0 position-absolute top-0 w-100">
<div class="container h-100">
<div class="row align-items-center h-100">
<div class="col-lg-9 col-xl-9">
<span class="font-alt font-w-600 opacity-9-5 letter-spacing-2 text-large
text-uppercase text-white">Welcome To Traversy Media</span>
<h2 class="font-alt font-w-700 letter-spacing-2 m-0 mt-3 text-uppercase
text-white title-xs-extra-large title-sm-extra-large-3 title-extra-large-
4">
Web Development Tutorials & Courses
</h2>
<span class="bg-base-color d-block mt-4 sep-line-extra-thick-long"></span>
</div>
<!-- //.col-lg-9 -->
</div>
<!-- //.row -->
</div>
<!-- //.container -->
</div>
<!-- //.h-100 -->
</section>
这是TraversyMedia.com的代码。也许这个问题很愚蠢,但我不知道我们为什么这样做。如果有人可以帮助我,我将不胜感激。
答案 0 :(得分:0)
使用不同的div标签将元素组合在一起,如果它们都将共享一种样式或需要相对于它们所在的div进行定位。例如,您的网页标题栏可能有一个div但在其中又有一个div,这样您就可以调整标题的导航部分而不是整个标题。