Nowadays, web designers and front-end developers have to build complex page layouts. Structuring webpages by designing layouts and positioning content is very important when it comes to web design and web development. When the elements are positioned correctly in a webpage, the webpage becomes more structured and the content becomes easily visible and digestible. Web designers and developers take advantage of different CSS layout techniques to structure webpages as they need. CSS layout techniques allow us to define the placement of elements on a web page, that is to control where they are positioned with respect to their default position as per normal flow, the other elements around them, their parent container, or the main viewport/window.
Suppose you want to create your own multi-column web site. But if you do not know where to start from or how to proceed, this course is for you. This course "CSS Layout Techniques" teaches you how to work with the common layout and positioning methods used in web design. In this course, you will learn different techniques to position elements on a webpage in nearly any imaginable way. Throughout the course, you will learn how to build layouts using display methods, floats, positioning techniques and even Flexbox which is the latest CSS layout model. At the end of the course, you will apply your positioning skills by working on real-world projects. You can decide which technique to use based on the content and goals of your webpage because some techniques are better than others in some context.
"Never get tired of doing little things for others , sometimes those little things occupy the biggest part of their heart."
VISITOR COMMENTS (0 )
FILE LIST
Filename
Size
01 Introduction to CSS Layout Techniques/001 Structure of the Course.mp4
7.8 MB
02 How are Elements Displayed/002 Block-Level Elements Vs Inline Elements.mp4
9.6 MB
02 How are Elements Displayed/003 CSS display Property Decide How an Element is Displayed.mp4
15.7 MB
02 How are Elements Displayed/quizzes/001 Quiz 1 Display of Elements.html
4.1 KB
03 CSS Box Model/004 What is CSS Box Model.mp4
5.5 MB
03 CSS Box Model/005 width and height PropertiesSet Width and Height of the Content Area.mp4
13.7 MB
03 CSS Box Model/006 border Property Decide Style Width and Colour of the Border.mp4
18.7 MB
03 CSS Box Model/007 margin and padding Properties Set Space Around Content and Between Elements.mp4
21.5 MB
03 CSS Box Model/008 box-sizing Property Change How the Box Model Works.mp4