表やリストを見やすくするため、一行ごとに背景色をつける方法です。
擬似クラス（:nth-child）で設定するのでclass等を使用しなくてもよい（htmlを書き換えなくてもよい）ところがメリットです。
CSS
レスポンシブのためのメディアクエリの書き方
レスポンシブデザイン（ウィンドウサイズでPCやスマートフォンでの閲覧に最適化）でサイト構築する場合に要になります。
ウィンドウサイズによって読み込むCSS（スタイルシート）を切り替えることでユーザビリティの向上を図れますし、またモバイルフレンドリーに適用するためスマートフォン検索でもGoogleに嫌われにくくなります。
古いIE（6～9）にCSS3を対応させる
サポートの切れたWindowsOSの標準ブラウザを無視し、モダンブラウザを対象にCSS3を記述するのであれば、下記の対応はいらないと思います。（2016年9月現在）
古いIEに対応する必要がある方は参考にしてみてください。
※2022 年 6 月 16 日（日本時間）までに、Internet Explorer のサポートが終了しました。
今後どこかの時点で、IE を起動しようとすると Microsoft Edge が起動するよう変更されるようですので、以下の内容は参考までに。
text-shadow box-shadowの使い方
テキストやボックスを立体的に見せるスタイルシートの説明です。
text-shadowはテキストに、box-shadowはボックスに影を付けます。（そのままです）
gradient（グラデーション）の使用例
グラデーションを指定するgradientの使用例と説明です。
background に指定することでボックスの背景に線形グラデーションを表現できます。
ベンダープレフィックス（-moz-,-webkit-）を付け古いバージョンのブラウザ対策はもういらないかもしれません。
一応、下記サンプルはベンダープレフィックス付きで。