ReasonJun

Shortcut properties that specify the transition effect of an element transition-property / transition-duration / transition-timing-function / transition-delay transition-property: Specifies the name of the property to use the transition effect for div { width: 100px; height: 100px; background-color: orange; transition: width 1s; => Only the horizontal length changes naturally } div:active { widt..

Stack order In CSS, the "stack order" refers to the order in which elements are displayed or stacked on top of each other when they overlap in the layout. The stack order is determined by the z-index property, which controls the stacking context of elements. When elements overlap, the element with a higher z-index value will appear on top of elements with lower z-index values. If elements have t..

In CSS, the position property is used to specify the positioning behavior of an element within its containing parent or the entire document. It determines how an element is placed and positioned in the layout of a web page. The position property accepts several values, each defining a different positioning behavior. Here are the commonly used values: static (default): This is the default positio..

display In CSS, the display property is used to control how an element is rendered and displayed in the web page layout. It determines the type of box used for an element and how it interacts with other elements. The display property accepts various values, each affecting the layout and behavior of the element. Here are some commonly used values: In CSS, the display property is used to control h..

border In CSS, the border property is used to define the border around an element. It allows you to specify the width, style, and color of the border. The border property can be shorthand or separate properties for border-width, border-style, and border-color. Here's the syntax for the border property with shorthand notation: border: ; For example, you can set a 2-pixel solid red border with the..

css unit px : pixels % : relative percentage em : font size of the element Default HTML font size = 16px html { font-size: 16px; } width: 10em = 160 px rem : font size of root element vw : percentage of viewport width vh : percentage of viewport vertical width width, height horizontal/vertical width of the element - auto: browser calculates the width - Specify in units such as px, em, vw, etc. m..