スライス

今日は、LOFTのHPを真似て作る作業です。

まず、LOFTのHPの画像を保存して、それをフォトショでスライスしました。

結構地道な作業ですｗ

ガイドを引いて、いざスライス☆

23個も画像スライスして、まとめて保存しました。
・・・・こんな便利な機能があるとは！

で、そのあとからは、HTML書きます。

～途中経過～とりあえずHTMLのみ

プレビュー画面

スタイルシートを書いてないので箇条書き状態で並んでます。

そして午後からはスタイルシートを書きました。

スタイルシートはこんな感じです。

そして完成！

今日はすべて一からで大変だったけど、無事完成したのでよかったです☆

そして、マージンの相殺についてよく分かりました。

margin20pxとmargin20pxの時は相殺されて20pxになるのは覚えてましたが、
flowtやpositionしたものに対してmarginを使っている場合は相殺できないみたいです。
知らなかった～～！というより、前に聞いたのに忘れていただけなのかもですが^^;

いよいよ、明日から3連休です☆
3連休楽しく過ごせるといいな～♪