html - 这些编码风格正确吗？

Closed. This question is opinion-based。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？更新问题，以便editing this post用事实和引用来回答。
                        
                        4年前关闭。
                                                                                            
                
        
我刚刚开始学习CSS，并在本地门户上创建了一个示例页面。我想知道这些编码样式是否正确。

我知道这些编码风格在很大程度上无法奏效。

您能否根据我的代码更可行来更正我的代码，我将尝试学习您的一些编码样式，并使其适应我的要求。

很抱歉，如果无法在此站点中提出这些问题。

<div class="initial">

<div style="position:relative; width:100%; margin-Top: 4.75%; font-size: 1.3em; font-family: Helvetica; text-align: center; background-color: #bbb;">
<center><p style='line-height:200%'>

<a href=h.php style="text-decoration: none; color:white"> Home</a>	&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<a href=click.php style="text-decoration: none; color:white">Please Click Here</a>	&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<a href=contact.php style="text-decoration: none; color:white">Contact</a>	&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<a href=about.php style="text-decoration: none; color:white">About Me</a></p></center>

</style>
</div>
</div>

谢谢，

最佳答案

首先要注意的是..


不要使用内联CSS
代替使用 或使用margin或padding
边距和填充让您在两个标签之间留出空格


查看代码段如何实现padding

.initial-content {
  position: relative;
  width: 100%;
  margin-Top: 4.75%;
  font-size: 1.3em;
  font-family: Helvetica;
  text-align: center;
  background-color: #bbb;
}
p {
  line-height: 200%;
}
a {
  text-decoration: none;
  color: white;
  padding: 5px 25px;
}

<div class="initial">

  <div class="initial-content">
    <center>
      <p>

        <a href=h.php> Home</a>
        <a href=click.php>Please Click Here</a>
        <a href=contact.php>Contact</a>
        <a href=about.php>About Me</a>
      </p>
    </center>

  </div>
</div>