Skip to content

Commit 1da56e5

Browse files
Create readme.md
1 parent 09bd17b commit 1da56e5

File tree

1 file changed

+46
-0
lines changed

1 file changed

+46
-0
lines changed

docs/CSS/readme.md

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
# Cascading Style Sheets
2+
3+
## Topics Covered in CSS
4+
5+
### 1. Basic Syntax
6+
Understanding the structure and syntax of CSS rules, including selectors, properties, and values.
7+
8+
### 2. Selectors
9+
Different types of selectors to target HTML elements for styling, such as element selectors, class selectors, ID selectors, attribute selectors, pseudo-classes, and pseudo-elements.
10+
11+
### 3. Box Model
12+
Understanding the box model, which describes how elements are structured in CSS, including content, padding, border, and margin.
13+
14+
### 4. Typography
15+
Styling text elements with properties like font-family, font-size, font-weight, line-height, text-align, text-decoration, and text-transform.
16+
17+
### 5. Colors and Backgrounds
18+
Applying colors to elements using properties like color, background-color, opacity, gradients, and background images.
19+
20+
### 6. Layout
21+
Creating layouts and positioning elements using properties like display, position, float, flexbox, and grid.
22+
23+
### 7. Responsive Design
24+
Designing web pages that adapt to different screen sizes and devices using techniques like media queries and responsive units (like percentages and ems).
25+
26+
### 8. Transitions and Animations
27+
Adding dynamic effects to elements with properties like transition, animation, and keyframes.
28+
29+
### 9. Transforms
30+
Modifying the appearance of elements in 2D or 3D space using properties like transform, translate, rotate, scale, and skew.
31+
32+
### 10. Pseudo-classes and Pseudo-elements
33+
Understanding and using pseudo-classes (:hover, :focus, :active) and pseudo-elements (::before, ::after) to style elements based on their state or create decorative elements.
34+
35+
### 11. Selectors Specificity and Inheritance
36+
Understanding how CSS specificity affects which styles are applied to elements and how inheritance works in CSS.
37+
38+
### 12. Units
39+
Understanding different units of measurement in CSS, including pixels, percentages, ems, rems, viewport units, and others.
40+
41+
42+
## 13. Frameworks and Preprocessors
43+
Familiarity with CSS frameworks (like Bootstrap, Foundation) and preprocessors (like Sass, Less) to streamline and enhance the CSS development process.
44+
45+
## 14. CSS Grid and Flexbox
46+
Comprehensive knowledge of CSS Grid and Flexbox layout models for creating complex and responsive layouts.

0 commit comments

Comments
 (0)