What is LessonUp
Search
Channels
AI tools
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
Programming
Further Education (Key Stage 5)
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
Getting to Know You: Introducing Yourself and Setting Class Standards
September 2023
-
18 slides
Tutor
Primary Education
Lower Secondary (Key Stage 3)
LessonUp Inspiration
Edtech for ECTS - Session 1
December 2023
-
27 slides
Primary Education
Lower Secondary (Key Stage 3)
Upper Secondary (Key Stage 4)
Further Education (Key Stage 5)
LessonUp Inspiration
News Quiz Template
July 2024
-
12 slides
LessonUp
Learning Technique
+4
Primary Education
Upper Secondary (Key Stage 4)
Lower Secondary (Key Stage 3)
LessonUp Inspiration
Halloween with LessonUp
July 2024
-
28 slides
LessonUp
Halloween
+1
Primary Education
Lower Secondary (Key Stage 3)
Upper Secondary (Key Stage 4)
LessonUp Inspiration
News Quiz Template
February 2025
-
12 slides
LessonUp
Learning Technique
+4
Primary Education
Upper Secondary (Key Stage 4)
Lower Secondary (Key Stage 3)
Teaching and Learning Techniques
News quiz - Week 20 (30 seconds)
May 2025
-
13 slides
Citizenship
News
+3
Lower Secondary (Key Stage 3)
Upper Secondary (Key Stage 4)
Further Education (Key Stage 5)
LessonUp News Quiz
News quiz - Week 20 (10 seconds)
May 2025
-
13 slides
Citizenship
News
+3
Lower Secondary (Key Stage 3)
Upper Secondary (Key Stage 4)
Further Education (Key Stage 5)
LessonUp News Quiz
News quiz - Week 20 (30 seconds)
May 2025
-
13 slides
Citizenship
News
+3
Lower Secondary (Key Stage 3)
Upper Secondary (Key Stage 4)
Further Education (Key Stage 5)