Tip:
Highlight text to annotate it
X
What's going on everybody? Welcome to todays tutorial on HTML5
And CSS3, my name is Jack Jenkins
And this is Academy of One
Today we are going to talk about backgrounds. In this lecture were gonna
be going over backgrounds
And that's it
[ Music ]
[ Music ]
I just wanna say
how truly amazing that last background is.
If you ever plan on using that for your website
You're gonna have an amazing website.
So the first property we're going to be talking about is the background property.
The background property tag will let you specify
A simple color. For instance, here's a boring
old web page. Yeh, look at that.
White really!? I don't want white! I want it
to be black, so lets go and use
The background property black and lets look at
That, there you go! Very nice! [ borat? Really? ]
The background image property
will allow you to put an image as a background
What does that look like you ask? We'll here again
is a boring old web page. nah...
But here's an awesome web page with
The Microsoft logo in the background.
Aweman, just what everyone loves, Microsoft.
The background repeat allows you to
specify the repeating value. So
lets take a look, you can repeat on the x-axis
ooooo, The y-axis.
Ahhhh! You can never repeat which, eh.
Or you can do the repeat
which is the default and repeats both the x
and the y axis. YEH!
The background size will allow you to specify the size
of your background. Don't use this, please
don't. So lets take a look at the CSS3. Yeh!
That looks nice. Lets take a look at that background.
Looks pretty terrible doesn't it?
Don't use this. And lastly we got the background property
It's just the short hand version, yeh.
Always stay DRY. And that's it for this
week, I know, a really short one. Tune in next
week when we talk about the box model. Now that ones gonna be
a long one.
[ Music ]