About CSS markup
CSS markup, at first it might be difficult.
However, per the fun nature and only CSS and would remember once, you will want to perform a variety of expressions.
In particular, the newly added properties in CSS3, just some of the charm.
<div id="radius"></div>
div#radius{
border-radius:3px;
width:30px; height:30px;
background:#333333;
}
<div id="shadow"></div>
div#shadow{
box-shadow:2px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.2);
width:30px; height:30px;
background:#333333;
}
For example, just paste it into any of the places copy the code described in the above, allows attractive representation of CSS3.
In addition, there is the point of the drop shadow, "- webkit-" is, but has a commentary in another page, this is, because you are using a different engine for each browser, tell exactly to the subject of the browser It describes for. In the case of "-webkit-", Apple's Safari, apply to Google's Chrome is this.