Scribd
Upload
39 views

CSS Cheat Sheet - Part 1

This document provides a CSS cheat sheet with summaries of common CSS selectors, pseudo-selectors, units, text and list styling properties. It includes universal, ID, class and type selectors as well as hover, active and link pseudo-selectors. Common length units like pixels and viewport units are covered. List styling properties for type, position and images are summarized along with text properties for transform, alignment, decoration and overflow. The document encourages following the Twitter account for more coding content and joining a Telegram channel for free resources.

Uploaded by

Saurabh Singh
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
39 views

CSS Cheat Sheet - Part 1

This document provides a CSS cheat sheet with summaries of common CSS selectors, pseudo-selectors, units, text and list styling properties. It includes universal, ID, class and type selectors as well as hover, active and link pseudo-selectors. Common length units like pixels and viewport units are covered. List styling properties for type, position and images are summarized along with text properties for transform, alignment, decoration and overflow. The document encourages following the Twitter account for more coding content and joining a Telegram channel for free resources.

Uploaded by

Saurabh Singh
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/ 7

Haris Ahmad @codehype_

CSS
Cheat Sheet
SWIPE

Save it
Haris Ahmad @codehype_

SELECTORS
* {} Universal Selector

#id {} ID Selector

.class {} Class Selector

h1, h2 {} Type Selector


Haris Ahmad @codehype_

PSEUDO SELECTORS
:hover Mouse Hover Selector

:active Active Link Selector

:link Link Selector

:first-line First Line Selector


Haris Ahmad @codehype_

UNITS
px Pixels

in Inches

vh Viewable Screen’s Height

vw Viewable Screen’s Width


Haris Ahmad @codehype_

LIST STYLING
list-style-type: disc |
List Type
square | circle | none

list-style-position: Active Link Selector


List Position
inside | outside

Link Selector
list-style-image: url() List Image
Haris Ahmad @codehype_

TEXT STYLING
text-transform: capitalise |
lowercase | uppercase Text Transform

vertical-align: baseline 10px sub super top | Active Link Selector


text-top | middle bottom | text-bottom initial Vertical Alignment

text-decoration: none underline |


Link Selector
overline | lint-through Text Decoration

text-overflow: clip ollipsis string


initial inherit
Text Overflow
Haris Ahmad @codehype_

Follow us for more useful


content ⚡

Join our Telegram Channel for


free coding related resources.
https://t.me/codehype

@codehype

You might also like