Lessons by tag «Layout»
The hexlet catalog contains 44 урока on the topic of «Layout». Lessons on the topic of «Layout» contained in the courses: Modern layout fundamentals, Content layout fundamentals, CSS: Positioning, CSS: Flexbox fundamentals.
Learn how browsers render HTML and what a normal document flow is
Learn to use relative positioning and its features
Learn about the relationship between the absolute and relative positioning. Find out how to position an element relative to another block absolutely
Learn to position the element relative to the browser itself
Learn how to pull an element from a normal flow
Discover floating elements and their features
Learn about element overlapping, and its relation to positioning
Explore how the overflow property works and how to hide content inside blocks. Learn about the text-overflow property
Learn about CSS variables, their application and scope
Explore the possibilities for setting and managing the page background using the relevant property. Learn how to position background images and adjust their behavior
Get to know pseudo-elements and learn how to generate new content via CSS
Learn about the course topics and goals. Get to know the lesson structure and features
Learn to create the cornerstone website element: form. Explore the standard elements of data input and form submission
Get acquainted with the main styles used for text design
Learn how to connect and select fonts on the page. Learn how to control the size, formatting and spacing within the text. Examine the generalized font property
Get to know CSS Multi-column Layout and where to use it
Explore the types of lists in HTML and learn how to style them
Explore the measurement units available in CSS and their relation to each other
Study more complex second- and third-level selectors according to the W3C specification
Learn how to add media elements to a page. Examine ways to add images, video, and audio
Learn about styling element events and styling by element's location. Discover how to use pseudo-classes
Learn about flex containers and how to define a master axis for rendering elements
Learn how to align items along a perpendicular axis inside a flex-container. Discover the alignment-items property.
Explore the properties when dealing with elements inside Flex containers. Learn to use the Flex-grow property.