0% found this document useful (0 votes)
23 views2 pages

Mod 8 PDF

Uploaded by

remon.youssef317
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
23 views2 pages

Mod 8 PDF

Uploaded by

remon.youssef317
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

Flashcards

Question: What are the four parts of the CSS box model?
Answer: Content, Padding, Border, and Margin.
Question: What is the purpose of CSS Grid?
Answer: To create layouts by dividing a web page into rows and columns for
precise element placement.

Explain [Concept] in Simple Terms with Examples


Concept: CSS Box Model
Explanation: Think of every HTML element as a box. This box has:
 Content: The stuff inside, like text or an image.
 Padding: Space between the content and the border.
 Border: The edge of the box.
 Margin: Space between the box and other elements on the page.
Example: A button might have:
 Text (content)
 Space around the text (padding)
 An outline (border)
 Space separating it from other buttons (margin).

What are the Most Important Points I Need to Remember About [Topic]?
Topic: Page Layouts with CSS
 Use CSS Grid for structured, grid-based layouts.
 Use Flexbox for flexible, one-dimensional layouts.
 Utilize position properties (e.g., static, relative) to align elements.

What are the Key Terms and Their Definitions in [Chapter/Topic]?


Topic: CSS Properties
 Margin: Space outside the border.
Example: margin: 10px; adds 10px space around the element.
 Padding: Space inside the border but outside the content.
Example: padding: 20px; adds 20px space within the box.
 Border: The outline of the box.
Example: border: 2px solid black; creates a 2px black border around the box.

Ask Me Quiz Questions About [Topic]


Topic: CSS Box Model
Question 1: Which property defines the space between an element's content and
its border?
 a) Margin
 b) Padding
 c) Border
 d) Content
Answer: b) Padding
Question 2: Which property controls the size of the box's outermost layer?
 a) Content
 b) Padding
 c) Margin
 d) Border
Answer: c) Margin

You might also like