Theory
Theory

Connecting styles

Styles can be written inside the HTML code of a page or they can be attached as an external file.

In the first case, styles are called "inline" styles, and they should be written inside the <style> tag. This tag is usually placed inside <head>. For example:

<head>
  <style>
    CSS code
  </style>
</head>

Inside <style> you write the usual CSS code.

Inline styles are used not so often, for example, to optimize page loading speed. More often external styles are used, which we will get acquainted with later.

index.html

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Connecting styles</title>  </head> <body> <h1>Connecting Styles</h1> <p>Connecting styles can be done in a number of ways.</p> <p>One of them is to write the styles inside the HTML page. This is done by using the <style> tag.</p> </body> </html>

GoalsCompleted

Uncomment the <style> tag.