0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

CSSの参照について

Last updated at Posted at 2021-05-01

##CSSの基礎知識

開始5分で得た知識です。

1.インラインスタイル

 <h1 style="font-size: : 50px;">入会申し込み</h1>
 pxは光の粒=解像度の単位。数字が大きければ大きいほど文字を大きく表示できる
  • style属性はすべてのタグに使える=グローバル属性と言われる
  • font-sizeはプロパティと呼ばれる
  • タグの中に属性を書いていくことを、インラインスタイルシートと言う。

2.内部参照

  <style>
    p {
      font-size: 14px;
    }
  </style>
  • headタグの中に書く
  • pはセレクターと言い、セレクターに対してスタイルシートを指定する
  • スタイルシートとhtmlを分離して書くことができる

3.外部参照

  <link rel="stylesheet" href="style.css">
 rel(リル)=リレーションのこと href(エイチレフ)=シートの名前
  • headタグの中に書く
style.css
p {
  font-size: 14px;
}

基本的には外部参照がすっきりして良いが、
一部だけ変えたい、このページだけ変えたい といった場合は
インラインや内部参照を使うことも。

ただし、優先順位がある
外部>内部>インライン
ので、設定するときは注意が必要な模様。

以上

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?