Session 2: Intro to CSS

Answer these questions in your composition book:

  1. What does the acronym CSS stand for?
  2. What is the difference between in-line styles and an external style sheet? Note: Mrs. P. recommends external style sheets.
  3. Read pages 227 to 232.
  4. Define CSS selector and CSS declaration
  5. What are hex colors? Find a color website and choose 4 colors that you like. Write the color names and hex codes in your book.

Practice:

  1. Create a subfolder in your web folder that will hold your styling. Call it css.
  2. Copy this CSS code snippet and paste into your text editor program. Now save it as a css document in your css folder. Give it a name you’ll remember like pavlostyles.css.
  3. Copy this code snippet and paste into into the head section of your html file.
  4. Open your html file in notepad and change the code for the external css file to have the correct name.
  5. Now open your webpage in a browser and see what has changed.
  6. Keep changing the css file and watch what happens! Try changing all the colors in your css file. Which property specifies text color and which property specifies background color? How does changing background color of the body compare to changing background color of the paragraph.
  7. Read pages 267 – 273. Try two different font families.
  8. Take your time and keep experimenting with css styles.