// You can include many css file.
// It must be in the header section.
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="abc_styles.css">
</head>
There three option to add CSS to you page.
Level 1. Inline:
<p id=myp style="text-align:center">Centered</p>
Level 2. JavaScript:
document.getElementById("myp").style.textIndent = "30px";
Level 3. Internal:
<head>
<style>
.p1 {
text-indent: 50px;
}
</style>
</head>
<body>
<p class="p1">Showing style p1</p>
Level 4. External
Using a <link> element to link to an external CSS file
There is a hierarchy by which settings can be changed
By using level 2 it is possible to change levels 3 and 4.
Level 1 cannot be changed