WEBVTT

00:00:00.512 --> 00:00:04.092
Listen, folks.
The CSS properties are never-ending.

00:00:04.286 --> 00:00:06.035
Let me show you a few more.

00:00:06.253 --> 00:00:08.723
What if I want to change

00:00:08.723 --> 00:00:12.054
the spacing between the lines 
in my song lyrics?

00:00:12.439 --> 00:00:15.903
I could use the `line-height` property,

00:00:15.903 --> 00:00:19.001
and specify something like 15px.

00:00:19.212 --> 00:00:24.755
Or maybe better would be 1.5em,
that makes the line height

00:00:24.755 --> 00:00:28.034
150 percent of whatever the text size was.

00:00:28.481 --> 00:00:31.785
What if I want my song lyrics to be
center-aligned?

00:00:32.133 --> 00:00:36.232
I could use the `text-align` property,
and specifiy `center`.

00:00:36.528 --> 00:00:39.410
I could also change it 
to `right`, or `justified`,

00:00:39.410 --> 00:00:41.783
though I think that would look a bit odd.

00:00:42.108 --> 00:00:45.327
What if I want to underline 
my main paragraph?

00:00:45.895 --> 00:00:49.430
I could use the 
`text-decoration` property

00:00:49.430 --> 00:00:51.888
and specify `underline`.

00:00:53.224 --> 00:00:56.685
What if I want to remove the underline 
from my links,

00:00:56.685 --> 00:00:58.473
like that link to Wikipedia?

00:00:58.722 --> 00:01:01.289
Well, the browser has 
a default set of styles

00:01:01.289 --> 00:01:02.852
that it applies to everything.

00:01:02.852 --> 00:01:05.317
Like `text-decoration: underline` 
for links.

00:01:05.473 --> 00:01:09.311
But we can use CSS to override 
the browser's default styles,

00:01:09.311 --> 00:01:11.363
and say `text-decoration: none`.

00:01:12.049 --> 00:01:19.335
Just add this rule here: 
a { text-decoration: none; }

00:01:20.283 --> 00:01:22.815
And you see now 
it's no longer underlined.

00:01:22.929 --> 00:01:24.998
But we should be careful when we do that,

00:01:24.998 --> 00:01:27.623
because the defaults 
are usually picked for a reason.

00:01:27.698 --> 00:01:31.404
If links aren't underlined, 
how will people know that they're links?

00:01:31.489 --> 00:01:35.038
What if they never click them because
they think they're just normal text?

00:01:35.102 --> 00:01:38.680
If we do remove that underline, 
we should be making sure

00:01:38.680 --> 00:01:42.015
that the links look 
significantly different in some other way.

00:01:42.094 --> 00:01:43.933
Otherwise, we'll make users sad.

00:01:43.991 --> 00:01:45.911
And sad users make me sad.

00:01:46.185 --> 00:01:48.380
They should make you sad, too.

00:01:49.024 --> 00:01:51.536
I could tell you 
about text properties all day.

00:01:51.617 --> 00:01:54.179
But I won't, because 
we have so much more to cover.

00:01:54.234 --> 00:01:56.108
There are hundreds of CSS properties.

00:01:56.108 --> 00:01:58.173
And browsers are adding more 
every year.

00:01:58.215 --> 00:02:00.562
I probably won't ever tell you 
about all of them.

00:02:00.562 --> 00:02:03.187
But hopefully I can tell you enough 
to get you excited.

00:02:03.187 --> 00:02:06.489
And then if you're wondering 
if there's a CSS property for some style

00:02:06.489 --> 00:02:08.347
and it's not in our documentation here,

00:02:08.347 --> 00:02:11.102
you can just visit 
your local search engine and find out.

00:02:11.187 --> 00:02:12.737
For example, if you're wondering

00:02:12.737 --> 00:02:15.308
if there's a way 
to add a drop-shadow to your text,

00:02:15.308 --> 00:02:17.961
just search "CSS text shadow" 
on the Internet,

00:02:17.961 --> 00:02:19.446
and you'll see lots of results.

00:02:19.570 --> 00:02:21.734
Generally, being able 
to search the Internet

00:02:21.734 --> 00:02:23.142
for answers to your questions

00:02:23.142 --> 00:02:25.449
is a really important skill 
for a web developer.

00:02:25.449 --> 00:02:28.293
Because so many people 
have had the same questions as you,

00:02:28.293 --> 00:02:31.778
and 99.9 percent of the time, 
the answer is out there.

00:02:31.942 --> 00:02:34.525
You just have to get good at finding it.