Skip to content

Easy Css

Writing Css Code Is Hard Make It Easy By Using Easy css Snippets

Commands

Position Snippets

Command	Description
!position	Position Property With Top, Bottom, Right, Left Properties
!center	Centering A Component Using Position And Transform Properties

Margin And Padding Snippets

Command	Description
!bmp	Set box-sizing To border-box And Remove Margin And Padding
!margin-padding	Margin And Padding Properties
!margin	Margin Property
!padding	Padding Property
!all-margin	Margin Top, Bottom, Right, Left Properties
!all-padding	Padding Top, Bottom, Right, Left Properties
!all-margin-padding	Margin Top, Bottom, Right, Left, Padding Top, Bottom, Right, Left Properties
!margin-auto	Set Margin Right And Left To Auto

Width And Height Snippets

Command	Description
!width-height	Width And Height Properties
!all-width	Width Property With Min And Max Width Properties
!all-height	Height Property With Min And Max Height Properties
!all-width-height	Width Property With Max And Min Width Properties, Height Property With Min And Max Height Properties

ScrollBar Snippets

Command	Description
!ws	Webkit-Scrollbar Property
!ws-button	Webkit-Scrollbar-Button Property
!ws-corner	Webkit-Scrollbar-Corner Property
!ws-thumb	Webkit-Scrollbar-Thumb Property
!ws-track	Webkit-Scrollbar-Track Property
!ws-track-piece	Webkit-Scrollbar-Track-Piece Property
!all-ws	All Webkit-Scrollbar Properties

Justify And Align Snippets

Command	Description
!all-justify	All Justify Properties
!all-align	All Align Properties
!all-justify-align	All Justify And Align Properties
!justify-align-center	Set Justify Content And Align Items To Center

Pseudo Elements Snippets

Command	Description
!after	After Pseudo Element
!before	Before Pseudo Element
!first-letter	First Letter Pseudo Element
!first-line	First Line Pseudo Element
!marker	Marker Pseudo Element
!selection	Selection Pseudo Element

Pseudo Classes Snippets

Command	Description
!active	Active Pseudo Class
!checked	Checked Pseudo Class
!disabled	Disabled Pseudo Class
!empty	Empty Pseudo Class
!enabled	Enabled Pseudo Class
!first-child	First Child Pseudo Class
!first-of-type	First Of Type Pseudo Class
!focus	Focus Pseudo Class
!hover	Hover Pseudo Class
!in-range	In Range Pseudo Class
!invalid	Invalid Pseudo Class
!lang	Lang Pseudo Class
!last-child	Last Child Pseudo Class
!last-of-type	Last Of Type Pseudo Class
!link	Link Pseudo Class
!not	Not Pseudo Class
!nth-child	Nth Child Pseudo Class
!nth-last-child	Nth Last Child Pseudo Class
!!nth-last-of-type	Nth Last Of Type Pseudo Class
!nth-of-type	Nth Of Type Pseudo Class
!only-of-type	Only Of Type Pseudo Class
!only-child	Only Child Pseudo Class
!optional	Optional Pseudo Class
!out-of-range	Out Of Range Pseudo Class
!read-only	Read Only Pseudo Class
!read-write	Read Write Pseudo Class
!required	Required Pseudo Class
!root	Root Pseudo Class
!target	Target Pseudo Class
!valid	Valid Pseudo Class
!visited	Visited Pseudo Class

Opacity And Visibility Snippets

Command	Description
!opacity	Set Opacity Property To Zero
!visibility	Set Visibility Property To Hidden
!opacity-visibility	Opacity And Visibility Properties

Text Snippets

Command	Description
!font-face	Font Face

Background Snippets

Command	Description
!background	Background Property