关于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。
运行结果：（完美解决！）
![[HTML、CSS]细节与使用经验](https://ucc.alicdn.com/3mfxe2r26qbaq/developer-article1635950/20241110/4a6bb78b9c294263bd2e005a5c2642e0.gif?x-oss-process=image/resize,h_160,m_lfit)
![[HTML、CSS]知识点](https://ucc.alicdn.com/3mfxe2r26qbaq/developer-article1635461/20241109/bcc34220ff734707ab00ebc739596dff.jpeg?x-oss-process=image/resize,h_160,m_lfit)