pages.courses.show.header

pages.courses.show.course_updated

pages.courses.show.subscribe

pages.courses.show.subscription_description

pages.courses.show.included.header

pages.courses.show.included.theory.value
pages.courses.show.included.exercises.value
pages.courses.show.included.questions.value
pages.courses.show.included.self_study
pages.courses.show.included.extra_materials
pages.courses.show.included.extended_material

models.attributes.base.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

pages.courses.show.skills

  • 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

pages.courses.show.syllabus

1

Intro

Meet the course

2

Document flow

Learn how browsers render HTML and what a normal document flow is

3

Relative positioning

Learn to use relative positioning and its features

4

Absolute positioning

Learn how to pull an element from a normal flow

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

7

Floating elements

Discover floating elements and their features

8

Element overlap

Learn about element overlapping, and its relation to positioning

pages.courses.show.challenges

1

Timeline

2

Modal Box Positioning

3

Custom Checkbox

4

Drop Down Menu

pages.courses.show.recommended_programs

Course Cover
  • pages.courses.pros.right_in_browser
  • pages.courses.pros.lifetime_access
  • pages.courses.pros.learn_as_you_go
pages.courses.show.subscribe

pages.courses.show.subscription_description