CSS Selectors define the elements to which a set of CSS rules apply.
Specificity is the means by which browsers decide which CSS property values are the most relevant to an element.
The cascade is an algorithm that defines how to combine property values originating from different sources.
Postioning: The position CSS property sets how an element is positioned in a document.
Float: The float CSS property places an element on the left or right side of its container, allowing text and inline elements to wrap around it.
The flex CSS shorthand property sets how a flex item will grow or shrink to fit the space available in its flex container.
The grid CSS property is a shorthand property that sets all of the explicit and implicit grid properties in a single declaration.
A CSS Layout mode,sometimes simply called layout, is a algorithm that determines the position and size of the boxes based on the way they interact with their sibling and ancestor boxes.
Media queries let the presentation of content be tailored to a specific range of output devices without having to change the content itself.
Responsive Design is a team used to describe an approach to web design or a set of best practices,used to create a layout that can respond to the device being used to view the content.
Using CSS Pre-processor:
Sass Less,Post CSS or any pre-processor.
BEM(Block Element Modifier):
The BEM methodoogy is a popular naming convention for classes in HTML and CSS.It's goal is to help developers better understand the relationship between the HTML and CSS in a given project.
That was it for this little article. I got to learn so much from this. And I hope you also find this useful. Thank u so much! 😀