css 04）EMMET-CSS快捷方式

Posted 2021-05-13

fl   => float: left;
cl   => clear: both;
d    => display: block;
d:n  => display: none;
ov   => overflow: hidden;

c    => color: #000;
op   => opacity: ;
bd   => border: ;
list => list-style-type: ;
td   => text-decoration: none;

m    => margin: ;
mt   => margin-top: ;
mb   => margin-bottom: ;
ml   => margin-left: ;
mr   => margin-right: ;

p    => padding: ;
pt   => padding-top: ;
pb   => padding-bottom: ;
pl   => padding-left: ;
pr   => padding-right: ;

w    => width: ;
h    => height: ;

f    => font: ;
fw   => font-weight: ;
fz   => font-size: ;
ff   => font-family: ;

bg   => background: #000;
bgc  => background-color: #fff;
bgi  => background-image: url();

-----FONTFACE--------------
@f
 
@font-face {
    font-family:;
    src:url(|);
}
------IMPORT---------------
 
Import => @i, @import 
 
@import url();
-------MEDIA---------------

Media => @m, @media
 
@media screen {
    
}
-------KEYFRAME------------
 
Keyframe => @kf
 
@-webkit-keyframes identifier {
    from {  }
    to {  }
}
@-o-keyframes identifier {
    from {  }
    to {  }
}
@-moz-keyframes identifier {
    from {  }
    to {  }
}
@keyframes identifier {
    from {  }
    to {  }
}