Web Design:
Positioning with CSS
Web Design:
Positioning with CSS
Today, we'll go back to CSS- part review, but also part new:
the main focus today on positioning elements with CSS.
Completed
Basics of HTML
Basics of MakeCode
Today
Core Languages of the Web
Try basic JS & CSS:
Absolute Positioning
Upcoming
Starting our Semester Project
Today's typing practice:
https://shaunwegs.github.io/2024/focs/typing/d/10-24.html
Add a screenshot showing your typing practice to your slide
It's been a bit of time since we've played with CSS. Let's start basic with adding some style to our h1 tag.
Previously, we organized content in tables. This is not the modern way to organized content on websites.
The modern way is with div tags and CSS. There's a variety of these, and some of them are very complicated. They don't have to be though.
Here's one method we can use. Follow along. Customize yours with colors and styles you like.
Add a screenshot to your slide for today showing how you were able to customize yours using CSS, including styling and positioning div tags.