2016-10-06 10 views
-4

nav, header, article, sectionにスタイリングを入れる必要がありますか? intance、HTML5用html5 - nav header articleセクションにスタイリングを入れる必要がありますか?

<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... 
} 

は私がそうすることはできますか?

+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> 
関連する問題