I you are a beginner, then start with simple an basic concepts…
Use this template that is the structure of a HTML page:
<html>
<head>
<title>Page Title</title>
<!--Link to an external resource-->
<link rel="stylesheet" type="text/css" href="https://stackoverflow.com/questions/28797082/css-folder/css-file.css">
</head>
<body>
<header class="top-section" role="banner"></header>
</body>
</html>
Put your style sheets
into another file. For example:
css-folder/css-file.css:
html {
font-family: volkorn;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
.top-section {
padding: 30px 0;
margin-bottom: 0;
color: #000000;
background-color: #000000;
background-size: cover;
}
.top-section {
padding-top: 100px;
padding-bottom: 100px;
}
You don’t need to know about the conditional comments
and doctypes
and meta datas
right now!
Good luck.
0
solved CSS not linking to my index.html