Embedded Files
Common Computer Science References
Learning Outcome
Learning Outcome
At the end of this lesson, you will be able to:
learn CSS
Review
Review
style and how it is getting complex to keep track of
Lesson
Lesson
CSS stands for "Cascading Style Sheets"
HTML gives use 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)
can we check our style BEFORE we commit as well!
npm install --save-dev stylelint stylelint-config-standard
npx stylelint ./css/*.css
Activity
Activity
work through the following tutorial:
we will always use a separate file now
Daily Assignment
Daily Assignment
create a web page, 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
Extra
Extra
Website Folder Structure
Website Folder Structure
CSS File
CSS File
Report abuse