CompSci//Media Arts - Internal CSS

CompSci//Media Arts

Starting CSS:
Internal Style Sheets

Today's Goal

Start Learning about CSS;
Try Internal Styles.

Completed

Basics of HTML
Slides & Organization
Starting Project Research
Revisiting Portfolios
Quiz

Today

Start CSS:
From Inline to Internal

Upcoming

Survey
Block-based Programming

Typing Practice

Start with typing:
https://shaunwegs.github.io/2024/focs/typing/index.html

Add you screenshot to your slide for today, and keep your typing log updated.

What's CSS Again

As you still a bit shaky on what exactly CSS is? It can take some time, but as we keep working with it, and you keep learning about it, your conceptual understanding of it will be sharper and less fuzzy.

css-overview-2.mp4

Again, you'll see that most video push the notion that the web would be ugly. Again, I'd like to remind you that this notion isn't true. Websites can be beautiful without CSS, and you can use CSS to make some really ugly sites if you want to.

Inconvenience of Inline

We listened to designer Angela Yu talk a bit yesterday about CSS, and we'll do so again today... briefly at first, but more so later.

internal-v0.mp4

From Inline to Internal

The video below shows how we can take inline styles, like we created last time, and pull them out to instead create an internal style sheet. Follow along with the page you created last time. Once you're done; screenshot your code to include in your slide for today.

inline-internal.mp4

More in-depth
+ challenge

Lastly, let's revisit Angela Yu's video. Follow along with her, at the end, she'll give you a challenge. Can you solve it? Take a screenshot showing you were able to make HR tags look how she described. Include a screenshot of it in your slide for today.

inline-angela-p1.mp4

Today's Work

You have two screenshots related to CSS to put in your slides for today.
You should have already come across them while working through today's resources.

Page updated

Report abuse

Starting CSS:Internal Style Sheets