< BACK TO
"htmlstudy002.htm">
※ HTMLで見出しタグと段落タグを使う方法【初心者向け】 | TechAcademyマガジン
https://techacademy.jp/magazine/5624
整形済み
段落
本文(Pなし)
メニュー‐[パネル]から、[スタイルプロパティ]。右にでる操作パネルの、スタイルの適用先のプルダウンから[クラスを指定する]を選び、すぐ右に出るコンボボックスに
class名を入力しスタイル指定すれば良い。ただ空のスタイルの作成はできません。
class属性の再指定は、上部ツールバーの下の段落書式、ID、Class、フォント、ARIAの5つのコンボボックスの左から3番目のclassの プルダウンを開くとclass名のリストが出ます。指定個所を選択しておいて、プルダウンからclass名を指定して再指定します。
table内に関してはpやspanを挿入して使用します。詳しくはList: htmlstudy002.htm からtableをのぞいてみてください。
Q. プルダウンに残された存在しないclass名は、ソースのすべての該当箇所を変更すれば消えるか?
A. 消えた。ちなみに、コンボボックスのプルダウンで指定しなおすことはできない。2つ書かれてしまう。複数付与という指定の仕方があるらしい。そして、
ソースコード変更なしではclass名の修正はできない様子。
さらに[すべての文字スタイルを削除]は当たり前ですが段落書式には効きません。拡大された文字があってそれを解除できない場合はhタグだったりします。
class属性は何度でも使用することができるので、頻繁に呼び出すCSSはclassで定義して、一度しか使わないCSSは idで定義する。
特にid属性は一度しか使わないヘッダーやフッターで使われることが多い。※1
似ているようで非なるid属性とclass属性の最大の違いは、
・id:ひとつのidはページ内で1度しか使えない。また、1要素に複数のidはつけられない。
・class:ひとつのページ内で同じclassをいくつでも使える。また1要素に複数のclassをつけて良い。
点にあります。
同じidは同ページ内で二度使われてはいけないルールです。
PとかSPANとかdivとかのタグでのid属性指定は一度のみ。同じidを「ここにも指定しよう」はidではNG。※3
※1 CSSのidとclassの使い分け - Qiita
※2【必修知識】id と class の違いと使い分け方の基本 – Jill Tone Blog
https://jill-tone.com/htmlcss_id_class/
※3 idセレクタを1つの要素に複数使ってはいけない理由 - console.lealog();
https://lealog.hateblo.jp/entry/2011/12/06/202348
<<< bluegriffon_study_016.html >>>