CSS Practice and Changing a Cursor

Shape of the Day:

Website of the Day:

https://codepen.io/collection/naWGZj/ – Here are some pretty neat Halloween projects on CodePen

1. Begin by opening Brackets for the CSS Practice lesson – open up the following links in separate tabs to have them ready as we go through the lesson.

2. Answer the following questions in partners

  1. What is a style sheet?
  2. Can a webpage have more than one style sheet?
  3. What is the difference between an internal stylesheet and an external stylesheet?
  4. Which stylesheet type have we been using so far the most?

3. Try and create a custom cursor for your page with CSS

  • Play with these default options first – add the “cursor” property to the “body” selector of your CSS. Choose a value from the default options above.
  • Try adding a custom cursor! Download mine first here – in the cursor property, add the value url(imagename.filetype), auto;
  • Create your own custom cursor hereĀ 
  • How could you change the cursor at specific places on the page like a headline, paragraph, or images? When you figure it out, show Mr. Chastkavich!