CSS

CSS flex box is a whole module and not a single property, it involves a lot of things including its whole set of properties. Some of them are meant to be set on the container (parent element, known as “flex container”) whereas the others are meant to be set on the children (said “flex items”). CSS … Read more

A pseudo-class is a selector that selects elements that are in a specific state, e.g. they are the first element of their type, or they are being hovered over by the mouse pointer. They tend to act as if you had applied a class to some part of your document, often helping you cut down … Read more

CSS Align module aims to create a consistent method of alignment across all of CSS. This document details the general concepts found in the specification. CSS Align-Centre To horizontally center a block element (like <div>), use margin: auto; Setting the width of the element will prevent it from stretching out to the edges of its container. … Read more

 CSS Overflow property specifies whether to clip the content or to add scrollbars when the content of an element is too big to fit in the specified area. Overflow options include clipping, showing scrollbars, or displaying the content flowing out of its container into the surrounding area. In order for overflow to have an effect, the block-level container … Read more

CSS variables var( ) is a CSS function that can be used to insert the value of a custom property. CSS Variables-values Values <custom-property-name> A custom property’s name represented by an identifier that starts with two dashes. Custom properties are solely for use by authors and users; CSS will never give them a meaning beyond what is presented here. … Read more

CSS inline block allows to set a width and height on the element. Also, with display: inline-block, the top and bottom margins/paddings are respected, but with display: inline they are not. Compared to display: block, the major difference is that display: inline-block does not add a line-break after the element, so the element can sit next to other elements. The following example … Read more

CSS visibility property shows or hides an element without changing the layout of a document. CSS Visibility-values visible: It is the by default value. It specifies that the element is visible. hidden: It specifies that the element is invisible (but still takes up space). collapse: It is used only for table elements. It is used … Read more

CSS combinators are explaining the relationship between two selectors. CSS selectors are the patterns used to select the elements for style purpose. A CSS selector can be a simple selector or a complex selector consisting of more than one selector connected using combinators.There are four types of combinators available in CSS which are discussed below: … Read more