course
CSS: Positioning
12 students
Course updated
06 September 2023
$49
per month
Sign up
for all Hexlet's courses
- In-browser editor for exercises
-
Permanent access to theory
-
Asynchronous learning
Included in the course
8 lessons (video or text)
10 exercises in the IDE
30 quizzes
Access to other courses of the our platform
What you'll learn
- Control the document flow by being aware of how the browser works
- Put into practice all types of HTML element positioning
- Create interactive pages while understanding the essence of the layout
Description
The layout of elements on a page is a vast subject with plenty of peculiarities. They can be taken into account once you know the fundamental rules of CSS and how to control the flow of documents within the HTML markup. This course will walk you through the basic principles of element positioning step-by-step through practice
Course program
Estimated time: 9 hours
-
5
Relative and absolute positioning
Learn about the relationship between the absolute and relative positioning. Find out how to position an element relative to another block absolutely -
6
Fixed positioning
Learn to position the element relative to the browser itself -
8
Element overlap
Learn about element overlapping, and its relation to positioning -
9
Additional resources
Some materials the Hexlet team have picked up. This will give you a more in-depth understanding of the topic
Challenges
We recommend working on these challenges after completing the course. They'll help you obtain more experience in programming and strengthen your new skills.
#
Challenge
completion rate