IDs and Classes

IDs and Classes 
IDs and classes are very useful tool in css
You can also use them as handlers in Java scripts
1 / 14
volgende
Slide 1: Tekstslide
ProgrammingFurther Education (Key Stage 5)

In deze les zitten 14 slides, met interactieve quizzen, tekstslides en 1 video.

Dit is niet oké

Onderdelen in deze les

IDs and Classes 
IDs and classes are very useful tool in css
You can also use them as handlers in Java scripts

Slide 1 - Tekstslide

What you will learn?
Outcomes
What are IDs and classes
How to use IDs and Classes

Slide 2 - Tekstslide

7

Slide 3 - Video

00:59
<style>
h2{ color: red;
}
</style>
all the "h2" tags will be colored____

Slide 4 - Open vraag

02:08
<style> .change{ background: grey;
}
</style>
The name of the class is called______

Slide 5 - Open vraag

04:20
.alter p { color: orange;}
A
Will alter all the elements orange
B
will only alter the paragraph in in class element orange
C
will change the color of all P Tag to orange
D
None of these

Slide 6 - Quizvraag

05:35
<style> #index_h5{
}
</style> refers to an ID called ________

Slide 7 - Open vraag

06:08
Classes can be used multiply times
A
only some situations
B
yes that is correct
C
No that is not correct
D
can only be used once

Slide 8 - Quizvraag

06:37
You can only have 1 ID in per element
A
You can have many ids in an element
B
only one ID per element
C
sometimes you could
D
Good programmers can

Slide 9 - Quizvraag

08:24
Name one advantage of using IDs

Slide 10 - Open vraag

What have we learnt today ?
How to use IDs?
How to use classes
The advantages of using either

Slide 11 - Tekstslide

What to do next
Use the standard template n provide by the tutor and create some in styles then use classes to make in more structural
Dont worry the teacher will explain

Slide 12 - Tekstslide

Ho w well ddid you do
Very well - I really understood classes and ID
Quite well but in need to know how to apply it
Not well I need to review the lesson again

Slide 13 - Poll

Thank you for learning with us 
Keep Practicing 

Slide 14 - Tekstslide