CSSの作成メモ、忘れるといけないので書いておく

CSS

CSSの作成メモ、忘れるといけないので書いておく

CSSとかはあまり使っていないというか使う場面が見出しの飾り装飾くらいしかないので、あまり使っていません。でも、見出しが多くなると、やはり、装飾を入れないとページを一気にスクロールするときに見る側が読みにくいと感じるので、CSSで対応してみたいと思います。
以下は、メモです。間違って書いてるとか勘違いをしている箇所があると思います。

  1. 先頭に#がつくとID、クラスは.ドットが先頭につく。
    IDはhtmlに一つしか使えない。ただし、ブラウザは何度もIDを呼び出せるが規定では1度のみらしい。なので、何度も使う場面ではClassを使用するほうを推奨とのこと。

  2. 外部ファイルが便利なので、
    CSSを適用したいファイルのヘッダー内に記入する
  3. CSSを記述するファイルはベタのテキストでOK。.cssで行の先頭に宣言等は不要
    ただし、CSSを使う側のhtml等は、link rel、、、が必要になる

    に入れます。例
    [c]<link rel="stylesheet" href="/css/midashi.css" type="text/css">[/c]

    ちなみに、ワードプレスでCSSを自分で新たに追加するときは、
    外観ー>テーマ編集で、スタイルシート(おそらくデフォルトでそのままスタイルシートページが開きます。)style.cssに記載する

    なお、テーマのアップデート更新でスタイルシートは上書きされるので、テーマを最新のものにするときは、再度スタイルシートに記述する必要がある。そのためスタイルシートの更新の時は、一旦メモっておいて、更新後に再度記入する。

  4. 適用したいhtmlには、例
    [c]
    <h1 id="sample04">見出しサンプル4</h1>
    [/c]
    クラスの時は、idがclassになる。

こちらの記事もどうぞ