What is LessonUp
Search
Channels
Log in
Register
‹
Return to search
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
next
Slide 1:
Slide
Online word
Upper Secondary (Key Stage 4)
BTEC
This lesson contains
14 slides
, with
interactive quizzes
,
text slides
and
1 video
.
Start lesson
Save
Share
Print lesson
Items in this lesson
IDs and Classes
IDs and classes are very useful tool in css
You can also use them as handlers in Java scripts
Slide 1 - Slide
What you will learn?
Outcomes
What are IDs and classes
How to use IDs and Classes
Slide 2 - Slide
7
Slide 3 - Video
00:59
<style>
h2{ color: red;
}
</style>
all the "h2" tags will be colored____
Slide 4 - Open question
02:08
<style> .change{ background: grey;
}
</style>
The name of the class is called______
Slide 5 - Open question
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 - Quiz
05:35
<style> #index_h5{
}
</style> refers to an ID called ________
Slide 7 - Open question
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 - Quiz
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 - Quiz
08:24
Name one advantage of using IDs
Slide 10 - Open question
What have we learnt today ?
How to use IDs?
How to use classes
The advantages of using either
Slide 11 - Slide
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 - Slide
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 - Slide
More lessons like this
IDs and Classes
September 2024
- Lesson with
14 slides
Online word
Upper Secondary (Key Stage 4)
BTEC
IDs and Classes
September 2024
- Lesson with
14 slides
Programming
Further Education (Key Stage 5)
IDs and Classes
2 days ago
- Lesson with
14 slides
Online word
Upper Secondary (Key Stage 4)
BTEC
IDs and Classes
2 days ago
- Lesson with
14 slides
Online word
Upper Secondary (Key Stage 4)
BTEC
IDs and Classes
January 2023
- Lesson with
14 slides
Online word
Upper Secondary (Key Stage 4)
BTEC
IDs and Classes
September 2024
- Lesson with
14 slides
Programming
Further Education (Key Stage 5)
Lesson 4__onlick_JavaScript_insp_Thursday Lesson
November 2022
- Lesson with
24 slides
Online word
Foundation Degree
Web Design_onlick_insp
November 2022
- Lesson with
25 slides
Online word
Foundation Degree