CSS
-
Radial gradient
The CSS radial-gradient is used to draw a background image that represents smooth transitions between colors in in a circular or elliptical shape.
-
Linear gradient
The CSS linear-gradient is used to draw a background image that represents smooth transitions between colors along a straight line.
-
Multiple backgrounds
It is possible to apply multiple backgrounds to an element including images and gradients.
-
The Stacking context
In the DOM each element has its palace and their order is determined by the order the elements appear in the HTML. But this order will change if the elements meet certain conditions, e.g they will be positioned with z-index then it creates stacking context.
-
Flex – margin: auto
The CSS rule margin: auto; centers the flex children horizontally and vertically.
-
Centering vertically
Centering vertically text using line-height See the Pen Vertical centring – text -line-height by majadc (@majadc) on CodePen. Centering vertically image using span element See the Pen Centering vertically using span by majadc (@majadc) on CodePen. Centering vertically image using flex box. See the Pen Centering vertically – flexbox by majadc (@majadc) on CodePen. Centering […]
-
:link
:link– pseudo-class | CSS Level 1 The :link selects links that have not been visited. This selector targets <a> elements with href attribute, even if href attribute is empty. Syntax :link { color: blue; } The :link pseudo-class selects only <a> elements and only with href attribute. So :link styles have no effects in following […]
-
CSS Flexible Box Layout
The layout for the flexbox:
-
outline
The outline Css property draws the line around the element. The outline property is similar to the border property but is not a part of box model like the border property so it’s not a part of the element’s dimensions. By default, the outline is drawn starting just outside the border edge.
-
lengths
The CSS data type apples to distant measurements for the following CSS properties: width, height, margin, padding, font-size, border-width, text-shadow etc.. There are two types of length units: relative and absolute.