They went over what we've gone over in class, but went a little deeper with explanations and also provide images and such- which really really help me because I am a visual learner. It's easier to say you understand things compared to saying no you don't get it and you want further direction. Granted, I understood the concepts, but without pictures and without visually seeing things being applied, I get lost very easily.
I know a lot more about Internal and Inline, and I do like External since I've been doing that three times now. I think it's handy, even if it may include two documents in one single folder, along with the images and such. Although, I think Inline is also pretty cool too. It's just combining the two in one file. And it would appear that the <style</style> just goes inside the <head> section of the document.
<head>
<style>
h2 { blah }
h3 {
p {
</style>
</head>
and so on. At least, I think that's how it is applied.
CSS is similar to HTML code. CSS has a fixed set of elements. For cheating purposes, I'm going to take a screen shot so I can look back at this whenever I need to.
Similarly, CSS has a fixed set of properties. For cheating purposes, here they are.
Note- you will be ignored if you try to invent your own. Like HTML as well, spaces and such will not affect your code. So any way you form it should be fine as long as you don't get lost.
to go over things again.
Selector { property: value; property: value; property: value }
these are key. You need to have the " : " and the " ; " in order for things to work.
Selectors are basically like p, h1-h6, color, and so on.
Properties are things such as background, the color, position, fonts, etc etc. (see above)
Value is what you want it to be. The kind of font, the kind of color, the size and pixels.
Padding. Padding helps a lot, it helps move your stuff over. What needs to be remembered is the box (which I need to work on). I'll include that later in an edit or something to keep track. The video must go on and I must keep up!
Other things to keep note is that there are also Pseudo Elements! (Huuzah!)
for example -
:link
:visited
:active
:hover
a:hover { and so forth } for link purposes of course!
No comments:
Post a Comment