Week 10B

Today we learned a lot more about Code and were introduced to CSS. What I learned this class is a lot more stuff than I would have thought. Here's the hopefully not too long run down.

CSS stands for Cascading Style Sheets. CSS is a way of using 1 set of formatting for a webpage across a whole website. Normally when using CSS, you want to have 1 folder with the CSS file as well as the HTML file and also whatever images you need inside of it. 

There are 3 types of CSS. 

• Inline
• Embedded 
• External

Inline is directly into the coding of HTML page.

Embedded is written in the head of a document of the HTML page.

External is when the CSS file and the HTML file are separate in the folder.

CSS Syntax is basically written out like this:

Sector \ Declaration

h1 \ { color:blue; font-size:12px;}

h1 and whatever is within { } is the Sector and the Declaration.

color and font-size = property

blue and 12px  = values

The way I see it it's basically like a little blurb. the h1 is your person. the { } is the blurb, and all the stuff inbetween is basically the guacamole. I don't know, just a jumbled mesh of whatever you want basically. I think guac.

CSS has a box model. You have the content, padding, border, and margins. The Padding and margins are invisible while everything else is visible. 

You also have selectors. A selector has: a base, --> a class --> and an ID. an ID is for the most part a 1 time use kind of thing. A class however can be used multiple times. 

The base for a selector is, for example: h1, body, <p>

Random note, "#" is an ID. 

"." stands for a class

<div> stands for "division" or "area".