Scribd
Upload
16 views2 pages

CSS Cheat Sheet Simple

This document is a cheat sheet for CSS properties, providing simple definitions for layout, sizing, colors, text, box appearance, positioning, and animation. Key properties include display types, sizing attributes like width and height, and text styling options. It serves as a quick reference for understanding and using CSS effectively.

Uploaded by

godakash7326
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
16 views2 pages

CSS Cheat Sheet Simple

This document is a cheat sheet for CSS properties, providing simple definitions for layout, sizing, colors, text, box appearance, positioning, and animation. Key properties include display types, sizing attributes like width and height, and text styling options. It serves as a quick reference for understanding and using CSS effectively.

Uploaded by

godakash7326
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

CSS Properties Cheat Sheet (Simple Words)

Layout & Display

display: block - Takes full line, starts on a new line.

display: inline - Sits next to others, only takes needed space.

display: flex - Arranges items in a row by default.

flex-wrap: wrap - Moves items to next line if space is low.

position: static - Default position in normal flow.

position: relative - Moves from original place.

position: absolute - Stuck to a place inside a parent.

position: fixed - Stays fixed on screen even when scrolling.

z-index - Controls which item appears on top when overlapping.

Sizing & Spacing

width / height - Sets element size.

padding - Space inside the box, around content.

margin - Space outside the box, around other elements.

border - The frame around an element.

box-sizing: border-box - Includes padding and border in the size.

Colors & Text

color - Changes text color.

background-color - Changes element background.

font-size - Sets text size.

font-family - Changes the style of the font.

text-align - Aligns text: left, center, right.

font-weight - Sets text boldness.

Box Appearance

border-radius - Rounds the corners of the box.

box-shadow - Adds shadow outside the box.


CSS Properties Cheat Sheet (Simple Words)

opacity - Transparency level from 0 (invisible) to 1 (visible).

Positioning & Movement

top/right/bottom/left - Moves element based on position.

overflow - What to do when content is too big.

visibility - Hides element but keeps the space.

display: none - Hides element and removes it from space.

Animation & Transition

transition - Smoothly animates property changes.

transform - Moves, scales, or rotates element.

animation - Controls full animation behavior.

You might also like