reading-notes

What is CSS?

Don’t Stop Chasing Cascading Style Sheets (CSS)

The driving force behind great-looking web pages!

<img src="102/pics/tlc.jpeg" alt="Really great looking web pages!" width="50%" height="50%">

CSS Notes

Basic Rules of CSS

Structure of a CSS Rule?
- selector {property: value;}

selector { property: value; property: value; property: value; }

ex: { background-color: red; }

How to incorporate CSS

External Stylesheet - its own separate file (Industry standard)
Internal Stylesheet - right in the HTML document
Inline Styles - in the element itself

What About Flow?

Inline style (Inside HTML)
External and internal style sheets
_{in the head section of the document}
Browser Default

How to link to the stylesheet

<link rel="stylesheet" href="styles.css">
Must be within the <head></head> of the page
EX: <head> <title>Example Page</title> <link rel="stylesheet" href="styles.css"> </head>
EX: {border: 2px solid #142632}
- creates a border around everything; every element
EX: {header: color: #3e3e3b width: 50%}

What is the purpose of CSS?

What are three ways to insert CSS into your project?

Write an example of a CSS rule that would give all `<p>` elements ice blue text.

<style> p { color:#62ABBD; } </style>