- 締切済み
CSSを勉強したいのですが・・・
いまCSSを勉強したいのですがどのように勉強すればいいですか？ 専門家の皆さん！ 教えてください。。。 CSSを勉強するのにおすすめする参考書などを教えてください。 それと、、、webデザイナーの人に質問ですが webデザイナーに必要なものとはなんですか？
- HTML
- 回答数3
- ありがとう数4
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- tapping_h
- ベストアンサー率33% (5/15)
書籍でしたら、辞書のような書式をど忘れした時などに目的の項目をすぐ参照できるものが便利かと思いますが、やはりweb上にてCSS関連の解説サイトなど多数ありますし、まずはそちらを参照したほうが良いかと思います。 cssは自分で編集したのを確認するのも簡単ですし、まずはいじり倒すことですかねえ。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"><!-- .aisatu{ padding:10px; background-color:#eeee55; font-size:18px; color:#000033; } .sotowaku{ width:350px; background-color:#000055; } .uchiwaku{ width:300px; margin-left:20px; padding:15px; background-color:#ffffff; border:solid 2px #000022; } .hiduke{ color:#ee3333; font-weight:bold; } a{ text-decration:none; color:#eeaa44; font-size:smaller; } --> </style> <body> <p class="aisatu">日記的なテストページなりー。</p> <div class="sotowaku"> <div class="uchiwaku"> <span class="hiduke"><p>2007/3/26 くいすぎー</p></span><p>今日のお昼ご飯は天ざる蕎麦にしたのですが・・・。食券を間違えて大盛りにしてしまいました。うっぷ。ううぇっぷ（汗）でもホントに美味しいお店でした。うぇっぷとか言ってますけど、美味しかったから全部食べれたんですよねー。今度行く時はもっとお腹すかして行くとしますか(^^;</p> </div> <a href="abababa.html" target="_parent">最新の日記にもどる</a> </div> </body> </html> こんなのいじってはどうでしょうか？参考になれば幸いです。
- jprr
- ベストアンサー率51% (108/210)
CSSと言っても基礎的な知識から応用知識までピンからキリまであります。 まぁ、#1さんの言っている通り色々なサイトのテンプレートを見ることですかね。 CSSでも色々なプロパティが存在しておりますが、使うものって限られてきますから。 気になったホームページのCSSなどは、テンプレートをダウンロードしなくてもホームページを右クリック→ソースの表示 ヘッドなどに、 <link rel="stylesheet" type="text/css" href="***.css"> で表示されている場合、 http://www.yahoo.co.jp/だったら http://www.yahoo.co.jp/***.cssにアクセスすると中身が見れます。 頭痛くなりますが、基礎的な知識を身につけてから見ると良いでしょう。 CSSのリンク集 http://ike.s33.xrea.com/thumbnail.php それと、ホームページでも何でも良いので、実際にCSSを使ってみる事ですかね。 上級者向けかも知れませんが、ブログなどでCSSを編集すると良いと思います。 http://blog.ninja.co.jp/ クソ面倒で大変ですが、凄い身に付きますよ。
- p-applepie
- ベストアンサー率53% (156/290)
CSSの勉強はWeb上にあるサンプルのファイルのソースが 一番いいかなと思います。 CSSで作られたテンプレートサイトなど多数ありますので そちらを検索してみてはいかがでしょう。 実際のHTML上での表示を見て、自分で少し変更したらどうなるかを 試してみたりする方が、本を読むより勉強になると思いますよ。 http://www.netmania.jp/templates/ http://www.sys5jp.net/simplest/tablei.php http://www.shoshinsha.com/hp/template/
お礼
良い方法を教えていただき有難うございます。 今後の参考にさせていただきます。
お礼
これから実際に作業して、これらのサイトを参考にして頑張って行きたいです！ 有難うございます。