Emmet | Cheat Sheet

emmet.txt

Emmet | Cheat Sheet  
==================== 


Margin and Padding:
====================
.margin-and-padding{
	margin: 0;
	padding: 0;
}
here,
	m0+p0



Padding with em and percentage:
===============================
.padding-em-percentage{
	padding: 5em;
	padding: 5%;
}
here,
	padding: 5em=p5e
	padding: 5%;=p5p


Background Color:
=================
.background-color{
	background-color: #fff;
}
here,
	bgc#fff



Background-image:
=================
.background-image{
	background-image: url();
}
here,
	bgi


for import:
===========
@import url();
-----------
here,
	@i



Font Family:
============
.font-family{
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
here,
	ffa


Use Important:
==============
.porperty-with-important{
	margin: 10px;
	padding: 10px !important;
	text-align: center !important;
}
here,
	m10+p10!
	tac!



Keyframes Animations:
=====================
@-webkit-keyframes identifier {
	from {  }
	to {  }
}
@-o-keyframes identifier {
	from {  }
	to {  }
}
@-moz-keyframes identifier {
	from {  }
	to {  }
}
@keyframes identifier {
	from {  }
	to {  }
}
here,
	@kf




Animation:
==========
.animation{
	-webkit-animation: name duration timing-function delay iteration-count direction fill-mode;
	-o-animation: name duration timing-function delay iteration-count direction fill-mode;
	animation: name duration timing-function delay iteration-count direction fill-mode;
}
here,
	anim-



Transform:
==========
.transform{
	-webkit-transform: ;
	-ms-transform: ;
	-o-transform: ;
	transform: ;
}
here,
	trf 



CSS3 Browser Support:
=====================
.browser-support{
	-webkit-animation: ;
	-moz-animation: ;
	-ms-animation: ;
	-o-animation: ;
	animation: ;
}
-wmso-anim
here,
	w=webkit
	m=mozila
	s=microsoft
	o=opera




Font Face:
==========
@font-face {
	font-family: 'FontName';
	src: url('FileName.eot');
	src: url('FileName.eot?#iefix') format('embedded-opentype'),
		 url('FileName.woff') format('woff'),
		 url('FileName.ttf') format('truetype'),
		 url('FileName.svg#FontName') format('svg');
	font-style: normal;
	font-weight: normal;
}
here,
@f+


For More Details:
Link: https://docs.emmet.io/cheat-sheet/

Learn with Hasin Hyder:
Youtube: https://goo.gl/WZo1DN

This Document Created By:
Humayun Ahmed