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.

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