- Setup the base of your project by "scaffolding" your index.html file (!DOCTYPE, html, head, body).
- Add a "title" tag in the head, and give your site a title!
- Link your CSS to your index.html file. This link tag will be directly beneath the title tag and should look like this:
<link rel="stylesheet" type="text/css" href="style.css"> - Begin adding some content using different html tags - think of what sites you like, and think about the content it has(content being the key word, not the styling!). A large heading, a subheading, some content, maybe a picture and/or a list?
- Now it's time for our styling. Check out the style.css file.
- Start experimenting with different css declarations (css property value pairs) on your different html tags, and see what you can do with them.
- Try and modify font size, font color, background color, text alignment, etc.
Check this link out for more info on CSS styling: https://www.w3schools.com/cssref/