CSSの勉強方法(2)

20160325

『CSSの勉強方法(2)』

前回ご紹介した、ブラウザ付属の『開発ツール』を
もう少し詳しくご紹介します。



例えば、ブログタイトルの背景色を変更したい場合です。
私がFirefoxを使っているため、
以下の説明はFirefoxで行います。

MEやGoogle Chromeも、ほぼ同じ作業で行えます。



①右クリックをして『要素を調査』を選ぶ
008-2


②ブラウザ下方に右クリックをした場所のhtmlとcssが表示される
009-2


③cssの『background-color』横の●をクリックする
010-2


④色パレットから変更したい色を選ぶ
011-2


これですぐにタイトル背景色が変わります。

簡単に検証することができますよね(^^)



同様に、『color』の色を変更すると
文字の色を変えることができます。

012-2



また、『ボックスモデル』をクリックすると
テーブルなどのmarginとpaddingを見ることもできます。

013-2

marginとpaddingは、
ブログデザインに欠かすことができない要素なので
検証できると助かりますね。



他にも、もっと便利な使い方があると思いますが
まだ私も検証途中なので、
また分かり次第、ご紹介したいと思います。



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

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

ranking

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

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

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

contact



コメントを残す

サブコンテンツ

プロフィール

 

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

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

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

★.o○o.★.o○o.★.o○o.★
このたび、初心者のための
最高最強の無料セミナー
【覚醒メールセミナーNEO】
講師を務めさせていただく
ことになりました!
パソコンが苦手な初心者が
アフィリエイトの基礎の基礎
から学べ、0→1を目指せる
無料セミナーです。
興味のある方は、ぜひ一度
覗いてみてください^^

★.o○o.★.o○o.★.o○o.★
☆みゅーたカミングアウト☆

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

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

無料プレゼント!(´艸`*)


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

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

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

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