What is LessonUp
Search
Channels
AI tools
Beta
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
Templates from Smart Bard on the Smartboard - Teaching Shakespeare with LessonUp
March 2025
- Lesson with
28 slides
by
English
English
Special Education
Lower Secondary (Key Stage 3)
Primary Education
Upper Secondary (Key Stage 4)
Further Education (Key Stage 5)
Higher Education (degree)
English
Getting to Know You: Introducing Yourself and Setting Class Standards
September 2023
- Lesson with
18 slides
by
LessonUp Inspiration
Tutor
Primary Education
Lower Secondary (Key Stage 3)
LessonUp Inspiration
Edtech for ECTS - Session 1
December 2023
- Lesson with
27 slides
by
LessonUp Inspiration
Primary Education
Lower Secondary (Key Stage 3)
Upper Secondary (Key Stage 4)
Further Education (Key Stage 5)
LessonUp Inspiration
English Learning Techniques - Digital Roleplay
February 2025
- Lesson with
16 slides
by
English
English
Lower Secondary (Key Stage 3)
Upper Secondary (Key Stage 4)
Further Education (Key Stage 5)
GCSE
English
Halloween with LessonUp
August 2023
- Lesson with
28 slides
by
LessonUp Inspiration
LessonUp
Halloween
+1
Primary Education
Lower Secondary (Key Stage 3)
Upper Secondary (Key Stage 4)
Special Education
GCSE
LessonUp Inspiration
News Quiz Template
August 2023
- Lesson with
12 slides
by
LessonUp Inspiration
LessonUp
Learning Technique
+4
Primary Education
Upper Secondary (Key Stage 4)
Lower Secondary (Key Stage 3)
Further Education (Key Stage 5)
Higher Education (degree)
LessonUp Inspiration
News quiz - Week 20 (30 seconds)
May 2025
- Lesson with
13 slides
by
LessonUp News Quiz
Citizenship
News
+3
Lower Secondary (Key Stage 3)
Upper Secondary (Key Stage 4)
Further Education (Key Stage 5)
Higher Education (degree)
Primary Education
Higher Education (non-degree)
Foundation Degree
Special Education
BTEC, GCSE
LessonUp News Quiz
News quiz - Week 20 (10 seconds)
May 2025
- Lesson with
13 slides
by
LessonUp News Quiz
Citizenship
News
+3
Lower Secondary (Key Stage 3)
Upper Secondary (Key Stage 4)
Further Education (Key Stage 5)
Higher Education (degree)
Primary Education
Higher Education (non-degree)
Foundation Degree
Special Education
BTEC, GCSE
LessonUp News Quiz