見出し画像

<勉強ログ>CSSファイルの管理・リセットCSS

本日の勉強は、CSSファイルの管理・リセットCSSです!
学習中の方は一緒にがんばりましょう★経験者の方は、間違いがあれば教えてください♪

○ひかりうみ note○

(1) CSSを設定する前に、字体・文字サイズなどが決まっているのは、それぞれのブラウザの初期スタイルが設定されているため

(2) リセットCSSとは
  (1)の初期スタイルはCSSを作成するのに、邪魔になる場合があるため、初期スタイルをリセットするという考え方
  
メリット :ブラウザでの表示の違いを少なくし、スタイルを効率よく設定できる
  デメリット:あらかじめ指定されたスタイルを削除するため、再定義が必要となり、CSS記述量が増える場合がある。

(3) リセットCSSの3つの種類
        a.全称セレクタ
        すべての余白を削除する(ブラウザの表示速度に影響があるといわれており、最近はあまり使用されていない)

         b.オリジナル
         経験のある方向け

         c.ライブラリを使用する(一般的)
         世界中で公開されているリセットCSSをカスタマイズする

(4) HTMLへ記述するCSSへのリンク及び、CSSの記述に関しても、後に記述された指示が優先される。(CSS記述は一つのセレクタに対するプロパティと値は後から記述されたものが優先されるということ。)

画像1

       後に記述されたものから読み込む”優先”ではなく
       後に記述されたものが強く影響を与えるという意味の”優先”


○ひかりうみ コメント○

CSSの優先については、”優先”の意味が分からず、混乱しましたが、強く影響を与える”優先”であることが分かりました。
混乱する個所が増えてきましたが、一つずつつぶしていきます!

この記事が参加している募集

#おうち時間を工夫で楽しく

95,424件

この記事が気に入ったらサポートをしてみませんか?