CSSの勉強方法

20160321

『CSSの勉強方法』

ブログをカスタマイズするにあたって
cssの知識は必要不可欠だと思います。

みなさんはどうやってcssを勉強されていますか?


書店に行ってもcssの解説本ってそんなにないですし、
あったとしても初心者向けではなくて、
本格的なものしかありません。


Windowsが普及した頃に勉強した、ごくごく浅い知識を
フル回転してカスタマイズをしていた私ですが、
先日、あるツールに気づいたんです。

『開発ツール』
『デベロッパーツール』

と言われるものです。


そんなの知ってるよ~って思う方もたくさん
いらっしゃるでしょうね。


でもね、
つい先日、初めて気づいたんです(汗)

めちゃくちゃ衝撃的でしたよ!



誰かのページを見て
「あー、こんなページを作りたいなぁ」
って思ったことはありませんか?

cssを勉強しようと思うきっかけって
そこから生まれたりしませんか?


上達のコツは『真似る』こと


私もそう思って、
見本にするページのソースを見ることが多々ありました。


すっごい昔であれば、ソースを見ただけで
ほぼそのページのことは分かりました。

でも今はまったく分かりません。

ほとんどのページがcssを使ってデザインされているからです。


なので、私はステキなページを見ても
自分の持っているわずかなcssの知識でしか
内容を図ることができなかったんです。


それが、『開発ツール』というものを使えば
HTMLはもとより、
使われているcssの内容まで見ることができ、

さらには
一時的ではありますが
変更を試すこともできるんです!

これはかなり衝撃的でした(@_@;)



使い方は簡単です。

見てみたい場所で右クリックをして

Microsoft Edgeは『要素の検査』

Google Chromeは『検証』

Firefoxは『要素を調査』

を選びます。


そうするとウィンドウが分割され
右クリックをした場所のHTMLとcssが表示されます。

003-2

↑ このような感じです。


cssが外部にあった場合も
そのcssファイルを呼び出すことができます。


これで、バッチリ見本にしたページを解析することが
できるんです。


もし、まだ使ったことがない方がいらっしゃいましたら
ぜひ一度お試しください。

cssの勉強が一気に楽しくなりますよ^^



最後まで読んでいただいてありがとうございます。

この記事が少しでもお役に立てましたら
応援クリック頂けると嬉しいです(*・ ・*)

ranking

また、感想やコメントをいただけると
とても励みになります。

何か分からないことがあれば
どんな些細なことでも構いません。
遠慮なく聞いてください。

私に分からない質問でも、頼りになる師匠や
先輩に聞いてお答えいたします!

contact

こちらの記事も読まれています 

スポンサーリンク

2 Responses to “CSSの勉強方法”

  1. スカラ より:

    お世話になっております、スカラです。

    私もみゅーたさんと同じく、Webの作製を本格的にやっていた頃ならば、CSSやHTMLも難なく分かりましたが、社内のインフラ専門になってしまった今は、同僚が作製するサイトを見て、意見を言う程度になってしまったため、さっぱり分からなくなってしまいました。

    これから、また、Webの勉強などをやっていきたいと思います。
    お互いに頑張りましょう。

    それと、人気ランキングの順位を拝見しました。私が拝見したときのランキングは3位でした。今の私からすると、雲の上の順位です。
    私も少しでも皆様から支持して頂けるような記事を書き、順位が上がるよう、頑張りたいと思います。

    • みゅーた より:

      スカラさん、こんにちは!
      ご訪問ありがとうございます。

      CSS、HTML、進化していってますよね。。。
      私も昔取った杵柄、なかなか通用しないです(;・∀・)

      スカラさんはサーバーにお詳しいとお聞きしていますので
      分からないことがあったらぜひぜひ教えてください!
      よろしくお願いいたします。

      >それと、人気ランキングの順位を拝見しました。私が拝見したときのランキングは3位でした。今の私からすると、雲の上の順位です。

      みなさまのおかげでランキングを維持させていただいています。
      いろいろ手法があるようですので、
      またSASの師匠にご相談されると
      いいと思いますよ^^

      これからもよろしくお願いいたします。

コメントを残す

サブコンテンツ

プロフィール

 

  
はじめまして。みゅーたです。

私は関西に住む50代の会社員。
老後を豊かに暮らすために
アフィリエイトを頑張っています。

みゅーたのプロフィールは
こちらからご覧下さい

★.o○o.★.o○o.★.o○o.★

☆みゅーたカミングアウト☆

実は、みゅーた・・・
25年来の smapファン なのです。
ブログの中でも、いろいろとお話しさせていただいてます。
興味のある方は、ぜひ メッセージ くださいませ。

一緒にsmap愛を語り合いましょう~♪

無料プレゼント!


ブログに訪問してくださった方にプレゼントです

●パワーポイントで簡単にボタンを作成する方法

●パワーポイントでブログヘッダーを作成する方法

ぜひご覧ください(*^^*)