ｽﾀｲﾙｼｰﾄはWebﾍﾟｰｼﾞの見栄えを良くする言語です｡

HTMLﾀｸﾞ.(.はclass属性｡id属性の場合#)属性の名前{
ﾌﾟﾛﾊﾟﾃｨ:値;
...
}

という風に記述します

<HTMLﾀｸﾞ class(id)="属性の名前">
</HTMLﾀｸﾞ>

HTMLではこういう風に記述します
(もしid属性で記述していたらそのﾍﾟｰｼﾞで一つだけ表示可能です)

ﾎｰﾑﾍﾟｰｼﾞにおけるｽﾀｲﾙｼｰﾄの役割は下記のようなものです
･文字や画像を表示する大きさを指定できる
･文字や画像の表示する位置を指定できる
･文字の色や､背景の色などを指定できる
･ﾏｳｽｶｰｿﾙの形を指定したりもできる
･ﾏｳｽが来たときに色を変えたりもできる
その他いろいろ･･･

ｽﾀｲﾙｼｰﾄの書き方はちょっと難しいので､
ﾌﾞﾛｸﾞやﾀﾞｲｱﾘｰの一部分だけを変えるということを繰り返して､
徐々に覚えていくといいでしょう

過去に回答した例ですが､
ﾀﾞｲｱﾘｰにお知らせ欄を追加してます
http://q.hatena.ne.jp/1325908229#a1126367
ｽﾀｰ表示をいじった例です
http://d.hatena.ne.jp/windofjuly/20111214/1323868404

ほかにもいろいろできますが､あまりにも色々できるので､
ほかの人のﾀﾞｲｱﾘｰやﾌﾞﾛｸﾞを見て気になったものがあれば､
その時に｢これはどうするの？｣って訊いてみるといいでしょう