テキストやボックスを立体的に見せるスタイルシートの説明です。
text-shadowはテキストに、box-shadowはボックスに影を付けます。（そのままです）
HHH
gradient（グラデーション）の使用例
グラデーションを指定するgradientの使用例と説明です。
background に指定することでボックスの背景に線形グラデーションを表現できます。
ベンダープレフィックス（-moz-,-webkit-）を付け古いバージョンのブラウザ対策はもういらないかもしれません。
一応、下記サンプルはベンダープレフィックス付きで。
border-radius（角丸）の使用例
以前は個別に画像で作成したり、backgroundでベース画像を設定していた『ボタン風リンク』をCSS3で作る方法です。
今回は、border-radiusのみを使い、フラットな角丸ベースを作ってみます。
asideの使い方
自分的にいまいちしっくりしてない要素ですが、使いどころとしては、本文中の補足や余談（sectionやarticleで囲った中で使う ※例1）、また削除してもメインコンテツに影響を与えないようなサイドバーや広告部分（※例2）などで使っています。
無理に使う必要はないと思ってるタグのひとつです。
navの使い方
一般的にはグローバルナビゲーションにnavを使用しているようです。
また、グローバルナビゲーションと内容が異なるサイドメニュー（ディレクトリ別のローカルナビゲーション）やパンくずリストにも使用可かなと…。
ただしフッター内に設置するリンクや外部サイトへのリンク群などのブロックでの使用はやめておいたほうが無難です。
要するに、『主要なナビゲーションブロック』のみに使用する、リンクだからといってやたらとnavを使わないようにしたほうがいい、ということは、「ページ内で1ブロックのみ使うと無難かな」と勝手に思ってます。