Stylesheet - Css Index - HTML : Instructions
Stylesheet - Css Index - HTML : Instructions
CSS (which stands for Cascading Style Sheets) is a language used to describe the
appearance and formatting of your HTML.
A style sheet is a file that describes how an HTML file should look. That's it!
We say these style sheets are cascading because the sheets can apply formatting when
more than one style applies. For instance, if you say all paragraphs should have blue font,
but you specifically single out one paragraph to have red font, CSS can do that! (We'll talk
more about cascading in section four.)
Instructions
Click on stylesheet.css (it's that tab near the top of your screen, next to index.html). We've
put in the CSS to make the paragraph's text red, but you need to add the CSS that will make
the text between <span></span> tags blue. Fill it in and click Save & Submit Code!
There are two main reasons for separating your form/formatting (CSS) from your
functional content/structure (HTML):
1. You can apply the same formatting to several HTML elements without rewriting code
(e.g.style="color:red":) over and over
2. You can apply similar appearance and formatting to several HTML pages from a
single CSS file
Look at the HTML in index.html. That's a lot of <span></span> tags! All those words are in
regular font, but we want them to be super fancy.
Instructions
Go to the stylesheet.css tab and tell the span selector that you want the font-family to
be cursive. Check the Hint if you need help!