我是html和css的新手，不了解自己的樣式表做錯了什么

Question

我對編碼還很陌生，並且一直不情願地設計一個基本的初始頁面，其中包含一些鏈接，然后我可以將它們進一步發展成一個完整的多頁面站點。 我不明白為什么我的背景無法在半屏和全屏模式下顯示整個屏幕。 我也不明白我的服務條款無序列表出了什么問題（我希望它在頁面底部）

 li .service-link { color: #313131; } .service-nav, .service-list, .service-item { list-style-type: none; display: inline-block; } .terms{ text-align: center; position: relative; } html { background-image: url("../Final Logo Assets/Blur Mug-min Opacity-min.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; } 

  <div class="terms" id="termsofservice"> <ul class="service-nav"> <li class="service-item"> <a class="service-link" href="#">Privacy Policy</a> </li> <li class="service-item"> <a class="service-link" href="#">Terms of Service</a> </li> </ul> </div> 

Answer 1

參見js小提琴鏈接 **使用主體選擇器並增加高度**

body {
    background-image: url("../Final Logo Assets/Blur Mug-min Opacity-min.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;