關于html元素Css樣式設定的一點心得（特别是與位置有關的，還有外邊距、内邊距有關的那些）

外邊距、内邊距（設定站在的角度看問題！）正如一個标簽：text-align:文本内容（元素内部内容）居中，它設定的起作用是對内部的内容起作用！！！

同樣，當對于一個标簽選擇器或者一個類選擇器設定，例如對齊，居中，顔色。。。。都是對其内部的内容進行設定，而不是對目前自身起到設定作用，特别是位置（居中、左對齊等、内邊距、外邊距）！！！

代碼示例：

一開始沒加css的效果

這個時候内邊距該設定在哪裡呢？

想看一下我的html代碼：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>網易遊戲</title>
    <link rel="stylesheet" type="text/css" href="../Sytle/網易遊戲.css">
</head>
<body>
<div class="left">
    <h1>
        家國天下，萃聚群英，《率土之濱》周年慶典玩家活動重磅來襲！
    </h1>
    <hr/>
    <img class="clockImage" src="../images//clock.png" />
    <span class="date">2019-10-22</span>
    <hr/>
    <div class="container">
        <p class="content">百戰沙場碎鐵衣，常勝将軍踏英豪，這正是全自由沙盤戰略手遊《率土之濱》的魅力所在，一路走來，率土十三州已曆四年，各方豪強逐鹿中原，無數同盟鼎足而立，如今，逾千個伺服器上演同台競技，上千萬主公加入其中，他們内修盟政，外治山河，謀兵法将略，督百萬雄兵，在一次次智慧博弈中體驗實時政策的快感。</p>
        <img src="../images//home.png" />
    </div>
</div>

</body>
</html>

first：一開始我用div （class=”left“）把内部的标題、圖檔、段落呀等等内容都裝起來後，設定left的内邊距、外邊距為0，

結果是沒有改變沒設定css之前的1 和 2 的位置，還是離左邊和上邊有一點距離，是因為我對div（class="left"）設定内外邊距為0，起作用的是内部的那些标題、圖檔、段落，離這個容器（div（class="left"）的内外邊距為0），就是樣式設定起作用的是對其内部内容，是以，我們需要找到，把div（class="left"）當内部内容的body,來設定内外邊距為0。

second：body,來設定内外邊距為0。

運作結果：（完美解決！）