html5 - 导航标题文章部分我应该在其中加入样式吗?

时间:2016-10-06 05:35:17

标签: css html5 css3

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

for intance,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...
}

我能这样做吗?

1 个答案:

答案 0 :(得分: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>