Hello readers,

Below is some useful example of css rule set and css shorthand. By using css shorthand you can save your time.

CSS rule set-

body {font: italic small-caps normal 13px/150% Arial, Helvetica, sans-serif;}
body {font: font-style font-variant font-weight font-size/line-height font-family;}

.container p:first-child::first-letter{ color: Green; }
.Selector:Pseudo-Class::Pseudo-Element { Declaration; }

.div{ animation: myfirst 5s linear 2s infinite alternate running;}
selector{ animation-name| animation-duration| animation-timing-function| animation-delay | animation-iteration-count|animation-direction|animation-play-state; } 

@keyframes myfirst {
    from {background: red;}
    to {background: yellow;}
}

@keyframes animation-name {
    form{ First change point}
    to{ Last change point}
}

div{ box-shadow:inset 10px 10px 5px 2px #888888;}
div{ box-shadow: right -left offset, top - bottom offset, blur radius, shadow size, color}

Note: inset use for inner shadow.

CSS ShortHand-

div {   
    animation-name: myfirst;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
} 

div {animation: myfirst 5s linear 2s infinite alternate running;}

div {
    background-color: #CCCCCC;
    background-image: url(images/bg.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: top left;
}

 div{ background:url(images/bg.gif) #ccc no-repeat top left scroll;}

div{
    margin-top: 1px;
    margin-right: 2px;
    margin-bottom: 3px;
    margin-left: 2px;
    }

 div{margin:1px 2px 3px 4px}

Note: If margin:1px 2px 3px 4px (Its for top right bottom left)
margin:1px 2px 3px (Its for top right-left bottom )
margin:1px 2px (Its for top-bottom right-left)

body {
     font-style: italic;
     font-variant: small-caps;
     font-weight: normal;
     font-size: 13px;
     line-height: 150%;
     font-family:Arial, Helvetica, sans-serif;
}

body {font: italic small-caps normal 13px/150% Arial, Helvetica, sans-serif;}