At the end of this lesson, you will be able to:
learn CSS
style and how it is getting complex to keep track of
CSS stands for "Cascading Style Sheets"
HTML gives users the content and CSS tells it how it should look
the color, position, bold, ...
placing <style> tags inside HTML is actually a REALLY BAD idea
it gets really complex really fast to keep track of content and style
a better way is to have HTML files for content and CSS files for the style
you place a link to it in the <head>
<link rel="stylesheet" href="./css/style.css">
we place these CSS files in a css folder (see Website folder Structure below)
work through the following tutorial:
using the GitHub Assignment from 1-03 for HTML, edit your repo with the following requirements:
1 html file and 1 css file
different styles for :
text-align
background-color
something else ...
if you can not think of anything to put in your webpage, use the exact same content from last time, but strip out all the <style> tags and move them to the CSS file!
publish your webpage on GitHub Pages
add this to your submitted work by committing today's changes with a commit comment of "Unit 1-04 edits"