bugl
bugl
HomeLearnPatternsPathsSearch
HomeLearnPatternsPathsSearch

Loading lesson path

Learn/CSS/CSS Foundations
CSS•CSS Foundations

How To Add Internal CSS

Flash cards

Review the key moves

1/4
Core idea

What is the main idea behind How To Add Internal CSS?

Lesson checks

Practice each idea before moving on

Short Mimo-style checks built from this lesson's code, terms, and sequence.

1Quick choice

Which statement best captures the main point of this lesson?

2Fill blank

Complete the missing token from the example code.

<!___ html>

Internal CSS

An internal style sheet may be used if one single HTML page has a unique style.

The internal style is defined inside the <style> element, inside the head section.

Example

Formatted code
  <!DOCTYPE html>
<html>
<head>
<style>
body {

  background-color: linen;
}
h1 {
  color: maroon;

  margin-left: 40px;
}
</style>
</head>
<body>
<h1>This is a
  heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

Live preview

Previous

How To Add CSS

Next

How To Add Inline CSS