技術ブログプログラマーライフホームプログラマーになるプロゲートのタグに名前をつけるレッスンの解説とよくあるミスプログラマーになるプロゲート無料HTMLCSSプロゲートのタグに名前をつけるレッスンの解説とよくあるミス2021年11月12日FacebookTwitterはてブPocketFeedlyこんにちは、ひつじのジョージです。大都会でプログラマーとして10年以上活躍しています。普段は会社員として働いていますが、個人でシステム、Webアプリケーションを複数運用しています。コアラこのレッスンからプログラミングっぽい!ひつじのジョージクラス名とCSSは2つのファイルにまたがっているけど紐付いているよ。このレッスンから2つのファイルに記述する必要がります。クラス名はindex.htmlに、CSSはstylesheet.cssに記述します。正解として記述するクラス名とCSSは2つのファイルにまたがっていますが、紐付いています。このレッスンではクラス名の付け方とそのクラス名を指定してスタイリングする方法をマスターしましょう。まとめ:クラスの付け方とクラスのスタイリングをマスタータグに名前をつけるレッスンの答えこのレッスンの回答はindex.htmlとstylesheet.cssの2つのファイルに記述する必要があります。index.htmlでは以下のようにselectedクラスを記述します。<li>Ruby</li></ul>次にstylesheet.cssで以下のようにクラスをスタイリングします。#ff0000;}コアラ頭がこんがらがるひつじのジョージプログラミング特有の考え方かもしれないね。あるミスこのレッスンではクラス名の付け方やCSSセレクタの付け方でよくミスがあります。HTMLタグのクラス名をつける時にダブルクォーテーションがつけていなかったり、CSSでクラスを指定する時にCSSセレクタの先頭にドットをつけていなかったりします。あるミスダブルクォーテーション(")をつけていないクラスのドット(.)をつけていないよくあるミス1:ダブルクォーテーション(")をつけていないHTMLタグにクラス名を付けるときはクラス名をダブルクォーテーション(")で囲む必要があります。以下のコードではクラス名であるselectedをダブルクォーテーションで囲んでいないので、クラス名がつけれられていない状態となります。class=selected>HTML</li>よくあるミス2:クラスのドット(.)をつけていないCSSでクラスを指定するにはドット(.)を先頭に付ける必要があります。以下のコードでは先頭にドットがついていないのでクラスを指定できていません。この状態ではHTMLタグを指定している状態となります。#ff0000;}HTMLタグを指定してスタイリングする方法はこの記事を参考にして下さい。HTMLタグとクラス名を指定する方法の違いをマスターしておきましょう。プロゲートの文字の色レッスンの解説とよくあるミス2021.11.4このレッスンからCSSの学習が始まります。文字を色を変更するときは「colorプロパティをfont-colorとしてしまう」「コロン(:)やセミコロン(;)がない」のミスがよくある...">プロゲートの文字の色レッスンの解説とよくあるミス2021.11.4このレッスンからCSSの学習が始まります。文字を色を変更するときは「colorプロパティをfont-colorとしてしまう」「コロン(:)やセミコロン(;)がない」のミスがよくある...まとめ:クラスの付け方とクラスのスタイリングをマスターこのレッスンではクラス名の付け方とそのクラスをCSSでスタイリングする方法を学びました。<strong>このレッスンでマスターすること</strong>HTMLタグのクラス名の付け方CSSでクラスを指定してスタイリングする方法HTMLタグのクラス名をつける時にダブルクォーテーションがつけていなかったり、CSSでクラスを指定する時にCSSセレクタの先頭にドットをつけていなかったりするミスがよくあります。あるミスダブルクォーテーション(")をつけていないクラスのドット(.)をつけていないCSSセレクタの先頭にドットをつけていないとHTMLタグを指定していることとなります。HTMLタグを指定してスタイリングする方法はこの記事を参考にして下さい。フッターのレイアウトレッスンでは今ま...プログラマーになるプロゲートのリストレッスンの解説とよくあるミスリストレッスンから新しく学ぶ「親子要素と子要素」と「インデント」についてのミスが多いです。ひつじのジョージこのレッスンで学ぶこともよく使うCSSだからしっかりマスター...プログラマーになるプロゲートのpaddingとmarginレッスンの解説とよくあるミスpaddingとmarginレッスンでは主にpaddingとmarginを使ってレイアウトを整えます。paddingは「プロゲートのヘッダ...プログラマーになるプロゲートのお問合せフォームのレイアウト(2)レッスンの解説とよくあるミスお問合せフォームのレイアウト(2)レッスンではフォームの入力項目を作っていきます。inputタグtexta...プログラマーになるプロゲートの「HTMLに触れてみよう!」の解説とよくあるミスこの記事ではプロゲートの「HTMLに触れてみよう!」について解説とよくあるミスをご紹介します。HTMLでよくあるミスを知っていればバグが出た...プログラマーになるプロゲートの文字の色レッスンの解説とよくあるミスこのレッスンからCSSの学習が始まります。文字を色を変更するときは「colorプロパティをfont-colorとしてしまう」「コロン(:)や...プロフィールひつじのジョージひつじのショーンじゃないよ。プログラミングは十数年やってます。フロントエンド開発もバックエンド開発もできます。