html5 - 导航标题文章部分我应该在其中添加样式吗？答案

【问题标题】：html5 - nav header article section should I put styling in them?html5 - 导航标题文章部分我应该在其中添加样式吗？
【发布时间】：2016-10-06 21:15:09
【问题描述】：

我应该在nav, header, article, section 中添加样式吗？

例如，HTML5：

<body>
  <header>  
    <h1>My super duper page</h1>
    <!-- Header content -->
  </header>
  <div role="main">
    <!-- Page content -->
  </div>
  <aside role="complementary">
    <!-- Secondary content -->
  </aside>
  <footer>
    <!-- Footer content -->
  </footer>
</body>

CSS，

header {
   margin: 20px;
   padding: 20px;
   color: black;
   font-family: arial;
   font-size: 14px;
   etc...
}

我可以这样做吗？

【问题讨论】：

请澄清您的具体问题或添加其他详细信息以准确突出您的需要。正如目前所写的那样，很难准确地说出你在问什么。

标签： html css

【解决方案1】：

您缺少声明和主要属性。如果需要，请输入样式，如果不这样做，内容将默认显示为左对齐。使用 CSS 的 3 种最流行的方式是内联、内部和外部。尽量避免内联。旁注：HTML5 现在提供页眉、导航、主和页脚块。一个很好的例子（CSS 风格）：

<!DOCTYPE HTML>
<HTML lang = "en">
<head>
<meta charset="utf-8">
<title>My Site Title</title>
<style>
header{text-align:center;}
nav{font-weight:bold;}
footer{font-size:.70em;
font-style: italic;}
</style>
</head>
<body>
<header>
<h1>My Header</h1>
</header>
<nav>
<a href="index.html">Home</a>
</nav>
<main>
<p>Sample paragraph...</p>
</main>
<footer>
Copyright &copy; 2016
</footer>
</body>
</html>

【讨论】：