Scribd
Upload
10 views1 page

2 CSS Basics

The document outlines the basics of CSS, covering syntax and selectors, the box model, text and color styling, layout techniques, and responsive design. Key concepts include the use of selectors, properties for styling elements, and layout methods like Flexbox and Grid. It also emphasizes the importance of media queries and relative units for responsive design.

Uploaded by

rohit.mybox
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
10 views1 page

2 CSS Basics

The document outlines the basics of CSS, covering syntax and selectors, the box model, text and color styling, layout techniques, and responsive design. Key concepts include the use of selectors, properties for styling elements, and layout methods like Flexbox and Grid. It also emphasizes the importance of media queries and relative units for responsive design.

Uploaded by

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

CSS BASICS

1. Syntax and Selectors


- Selector { property: value; }
- Type, class (.), id (#), descendant, sibling

2. Box Model
- Content, padding, border, margin
- width, height, box-sizing

3. Styling Text & Colors


- font-family, font-size, color, text-align, line-height
- background-color, background-image

4. Layout Techniques
- Display: block, inline, inline-block, none
- Flexbox: display: flex; justify-content; align-items
- Grid: display: grid; grid-template-columns; gap

5. Responsive Design
- Media queries: @media (max-width: 600px) { ... }
- Relative units: %, em, rem, vh, vw

You might also like