Wat is LessonUp
Zoeken
Kanalen
Inloggen
Registreren
‹
Terug naar zoeken
floating -two child in Parent div
Layout Proficiency
Please go through the lesson on the layout before completing this lesson.
You will learn how to use , float and clear fix to complete your layout. Thank you
1 / 10
volgende
Slide 1:
Tekstslide
Ilearningdeal@gmail.com
Lower Secondary (Key Stage 3)
In deze les zitten
10 slides
, met
interactieve quizzen
,
tekstslides
en
1 video
.
Start les
Bewaar
Deel
Printen
Onderdelen in deze les
Layout Proficiency
Please go through the lesson on the layout before completing this lesson.
You will learn how to use , float and clear fix to complete your layout. Thank you
Slide 1 - Tekstslide
6
Slide 2 - Video
00:00
No element inside the main div means
A
Main div has no width
B
Main div has no margin
C
Main div has no border
D
Main div has no height
Slide 3 - Quizvraag
21:11
write down the div tags that could be used to create the layout. include the name of the ID
observe the layout
Slide 4 - Open vraag
21:50
.clearfix::after{content:""
display:block;
clear:auto;
}
the height of the parent usually goes to "0 px" after float- select all the correct options
A
Yes because the parent has no contents
B
If you did not use this instruction you wont see the background colour of the parents
C
The instruction is necessary to make parent height to equal the child's height. parent div to
D
None of the above
Slide 5 - Quizvraag
23:39
Name the ids
Slide 6 - Open vraag
24:12
Name the six formatting tags that is applied to the "parent div"
Slide 7 - Open vraag
30:12
Explain the diagram
Slide 8 - Open vraag
Thank you for learning with us
Outcome you should understand and apply
1. floating
2. layout using div tag
3. clearfix
4. normalisation
Slide 9 - Tekstslide
The End
Slide 10 - Tekstslide
Meer lessen zoals deze
floating -two child in Parent div
September 2024
- Les met
10 slides
Online word
Lower Secondary (Key Stage 3)
floating -two child in Parent div
September 2024
- Les met
10 slides
Online word
Lower Secondary (Key Stage 3)
floating -two child in Parent div
September 2024
- Les met
10 slides
Ilearningdeal@gmail.com
Lower Secondary (Key Stage 3)
floating -two child in Parent div
Februari 2023
- Les met
10 slides
Online word
Lower Secondary (Key Stage 3)
Welcome to implementing a show
Februari 2023
- Les met
11 slides
Ilearningdeal@gmail.com
Upper Secondary (Key Stage 4)
BTEC
Welcome to implementing a show
September 2024
- Les met
11 slides
Ilearningdeal@gmail.com
Upper Secondary (Key Stage 4)
BTEC
Welcome to implementing a show
September 2024
- Les met
11 slides
Ilearningdeal@gmail.com
Upper Secondary (Key Stage 4)
BTEC
HTML & CSS: Blokkendoos
Oktober 2024
- Les met
34 slides
Informatica
Middelbare school
havo, vwo
Leerjaar 4