総合 ゲーム 画像動画

【ゼロからはじめるプログラミング】CSS学習 #6

ゼロからはじめるプログラミング講座の第十回です。今回はブラウザにある開発者ツールという機能を使います。別のタブ(ページ)で紹介していきます。

 

  1. 開発者ツールを使ってみよう。
  2. 要素選択ツールを使ってみよう。
  3. コードを書き換えてみよう。
  4. 開発者ツールを使いこなそう。

 

開発者ツールを使ってみよう。

早速ですがこちらのページを開いてください。

 

 

要素選択ツールを使ってみよう。

つぎはこちらのページを開いてください。

 

 

コードを書き換えてみよう。

つぎはこちらのページを開いてください。

 

 

開発者ツールを使いこなそう。

今後自分でhtmlでページを作るときやスタイルシートを作るときなど開発者ツールで直感的に値を作ってみたり、自分が見ているウェブページでどのようなコードが動いているのかを見てみましょう。

 

こんな風に使えます。

 

お疲れ様でした。次回は要素の配置について解説します。

次も頑張って記事を作るのでチャレンジしてください!

 

CSS学習 #1/#2/#3/#4/#5/#6/#7/#8/#9

コメントを残す。

メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。URLを含むコメントは承認待ちになります。