idとクラスってなんです？

前述しましたが、識別子ってヤツです。
pタグがたくさんあって、その中で【アレとコレとソレ】みたいな分け方をしたい時に利用します。
基本的な使い方は変わりませんが、特性がありますのでうまく使い分けていきましょう。

id

idは、そのページ内で1つしか存在することができない名前を指します。
複数付けても表示はされますが、レギュレーション違反なのでヤメましょう。
【１つしかない】のルールがありますので、CSSやJSではclassに比べて速度が早い事になります。
(1つしかない→1つ見つけたらそれで終わり→classっておっそーーーーい！！！)

<!-- idの付与 -->
<div id="idName"></div>

class

idとは別に、ページ内で複数存在しても構わないものとなります。
共通で同じ設定をしたい場合に使われます。
idと比べて速度が遅いのは、当然DOM内全てを確認しに行くからです。

<!-- classの付与 -->
<!-- 文字サイズと文字色が変わるクラスを textCngとすると -->

<div class="textCng"></div>
<p class="textCng"></p>

<!-- こうすることによって、同じ設定を簡単に使える -->

遅いって言うけどさ・・・

これ、こんな書き方してたら絶対誤解されるけど
正直な話、普通に組んでてそこまで体感できるわけないと思ってます。
ええ、そんなレベルの話です。
何でもかんでもidつけりゃ良いってもんじゃないので、その辺は注意してください。