Internal CSS

Cascading Style Sheets come in three flavors: internal, external, and inline. We will cover internal and external, as they are the only flavors a designer should utilize. In this lesson, we cover the basics of the easier type, internal. When using internal CSS, you must add a new tag <style> inside the <head> tag.

The HTML code below contains an example of <style>’s usage.

Internal CSS Example

<style type=”text/css”>
p {color: white; }
body {background-color: black; }
<p>White text on a black background!</p>

Background Color will be black and text color will be white.