CSS Pseudo-code

/* Insert after P I'm a good guy. */p.first:after {content: "Good guy"}

/* Insert dear friend Men*/p:before before p {content: "Dear friend Men"}

/* Set first P-element */p:first-child{/*background-color:yellow;*/}

/* Setting the last P element is  equivalent to: P:nth-last-child (1) */p:last-child{/*background-color:yellow;*/}

/* Set positive number first P element */p:nth-child (1) {/*background-color:red;*/}

/* Set the number of the first P-element */p:nth-last-child (1) {/*background-color:red;*/}

/*box-shadow box Shadow x offset  y offset shadow blur value color */p{margin-top:50px;box-shadow:5px 5px 3px Red;/*webkit Browser Shadow */- webkit-box-shadow:5px 5px 3px red;/* Firefox browser shadow */-moz-box-shadow:5px 5px 3px red;}

p{/*text-shadow:5px 5px 3px blue;*/}

Div.image{background:url (123.png);/*background-size:300px 300px;*/    background-size:50% 100%; background-repeat:no-repeat;-moz-background-size:300px 300px; /* old version of Firefox */background-clip:no-clip;width:500px;height:600px;}

. image{border:1px solid;border-radius:20px 20px;-moz-border-radius:20px 20px;    -webkit-border-radius:20px 20px;}

CSS Pseudo-code