Shape of the Day:
- Follow along with Mr. Chastkavich – CSS Review and Practice
- CSS Questions
- Change your Cursor with CSS
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.
- https://fonts.google.com/
- http://apps.workflower.fi/vocabs/css/en
- https://www.w3schools.com/cssref/default.asp
- https://www.w3schools.com/cssref/css_selectors.asp
2. Answer the following questions in partners
- What is a style sheet?
- Can a webpage have more than one style sheet?
- What is the difference between an internal stylesheet and an external stylesheet?
- 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!