1
2/* CSS Hierarchy: You can apply a global CSS rule and, using internal or
3inline CSS, cause particular changes to each html page */
4
5/* Highest priority to lowest priority: */
6
7/* 1º - Inline CSS */
8<body style="background-color: green;">
9...
10</body>
11
12
13/* 2º - Internal CSS */
14<head>
15 <style>
16 body {
17 background-color: blue;
18 }
19 </style>
20</head>
21
22
23/* 3º - External CSS with id or class selectors */
24
25.name_of_class {
26 color: #5c8d89;
27}
28
29#name_of_id {
30 font-size: 30px;
31}
32
33
34/* 4º - External CSS with tag selectors */
35body {
36 background-color: red;
37}
38
39h1 {
40 color: #74b49b;
41}
42
43