{"id":2457,"date":"2022-06-13T14:12:16","date_gmt":"2022-06-13T12:12:16","guid":{"rendered":"http:\/\/jakisproblem.pl\/?p=2457"},"modified":"2022-06-13T14:12:16","modified_gmt":"2022-06-13T12:12:16","slug":"introduction-to-css-layout","status":"publish","type":"post","link":"http:\/\/u239160.webh.me\/jakisproblem.pl\/index.php\/2022\/06\/13\/introduction-to-css-layout\/","title":{"rendered":"Introduction to CSS layout"},"content":{"rendered":"
\n

source: https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/CSS\/CSS_layout\/Introduction<\/p>\n

This article will recap some of the CSS layout features we’ve already touched upon in previous modules, such as different\u00a0display<\/code><\/a>\u00a0values, as well as introduce some of the concepts we’ll be covering throughout this module.<\/p>\n

\n\n\n\n\n
Prerequisites:<\/th>\nThe basics of HTML (study\u00a0Introduction to HTML<\/a>), and an idea of How CSS works (study\u00a0Introduction to CSS<\/a>.)<\/td>\n<\/tr>\n
Objective:<\/th>\nTo give you an overview of CSS page layout techniques. Each technique can be learned in greater detail in subsequent tutorials.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n

CSS page layout techniques allow us to take elements contained in a web page and control where they’re positioned relative to the following factors: their default position in normal layout flow, the other elements around them, their parent container, and the main viewport\/window. The page layout techniques we’ll be covering in more detail in this module are:<\/p>\n