CSS? ????? ?? ?? ??? ???? ??? ???? ?? ????. 1) ??? ????? ?? ?? CSS? ???? ?? ?? ? ??? ?? ?????. 2) ??? ????? ?? ?? CSS? ?? HTTP ??? ??? ?? ?????. ??? ? ?? ?? ?? ? ??? ??????.

????? CSS? ????? ??? ??? ? ???? ? ?? ??? ??, ?? ?? ? ?? ????. ??? CSS, ?? CSS ? ?? CSS? ?? ?? ???? ?? ?? ? ??? ??? ????.

CSS ??? ??? ?? ?? ????? ?? ??? ??? ?? ?????. ? ?? ??? ?? ? ??? ? ??? ???? ??? ???? ???????.

? ??? ?? ???? ?, ?? ??? ?? ??? ??? ??? ??? CSS? ???? ?? ??? ?????. ??? ??? ???? ????? ??? ?? ?? ?? ???? ??? ? ??? ?? ?? ???????. ??? CSS? ?? ??? ???? ???? ? ? HTML? ????? ???? ??? ? ????.

??? ?? CSS ??? ??? ??? ???? ?? ????? ?????? ?? ?????? ???? ? ? ????. ? ??? ???? ? ?? ??? ???? ????? ??? ?? ? ? ????. ??? ??? ???? - ???? ???? ?? ????? ??? ?? HTTP ??? ?? ??? ??? ??? ????.

HTML ??? ? <style></style> ?? ?? ?? ? ?? CSS? ? ??? ??? ? ?? ?. ??? CSS?? ?? ?? ???? ?? CSS? ?? ?? HTTP ??? ???? ????. ??? ???? ??? ??? HTML? ????? ? ? ????.

??? ? ?? ??? ???? ?? ? ?????.

<!-- Inline CSS -->
<p style="color : blue; font-size : 16px;"> ??? ??? ??? ?????. </p>
<!-- Internal CSS --><p>
. ?? ??? {
?? : ??;
?? ?? : 18px;
}
???>
</p><p class="?? ???"> ??? ?? ??? ?????. </p><!-- External CSS --><p> <link rel="Stylesheet" href="Styles.css">
</p><p class="?? ???"> ??? ?? ??? ?????. </p>

? ??? ?? CSS? ????? ??? ????? ?? ??? ?????. HTML? ???? ???? ?? ????? ?????? ?? ???? ? ? ??????. ??? ??? ???? ?? ?? ??? ?? ????? ?? ?? CSS? ?? HTTP ??? ?? ??? ??? ?? ? ?? ? ? ????.

???? ? ?? ? ??? ??? CSS? ?????. ?? ??? ?? ????? ??? ???, ?? ?? ??? ?????? ??? ? ????. ??? CSS? ?? ???? ?? ???? ???? ?? ??? ?????? ? ?? ? ? ????.

? ?? ?? ??? SASS ??? ?? CSS ? ???? ???? ????. ??? ??? ????? ?? ???? ???? ?? ??? ??, ?? ? ?? ??? ??? ????? ?? CSS ?? ??? ???? ? ????. ??? Sass? ?????? ?? ? ? ??? ??? ???? ??? ??? ????.

// sass ??
$ 1 ? ?? : #3498dB;
<p>.Button {
??? : $ 1 ? ??;
?? : ??;
?? : 10px 20px;
?? : ??;
?? : ???;</p><p> & : ?? {
??? : ??? ($ 1 ? ??, 10%);
}
}</p>

?? ???? ???? ???? ?? ???? CSS ?????? ???? ?? ??????. ? ??? HTTP ?? ?? ?? ??? ?????? ? ????. ??? CSS ?????? ???? ??? ?? ??? ????.

/ * CSS ????? ? */
.ICON {
  ?? ??? : url ( 'sprite.png');
  ?? : 32px;
  ?? : 32px;
  ????? : ??? ??;
}
<p>.icon-home {
?? ?? : 0 0;
}</p><p> .icon-search {
?? ?? : -32px 0;
}</p><p> 
<a href="#" class="Icon icon-Home"> home </a>
<a href="#" class="??? ??? ??"> ?? </a></p>

?? ??? ???? ?? ???? ?? ? CSS ??? ??????. ????? ??? ??? ???? ???? ??? ??? ??????. ?? ?? ??? ? ?? ?? ????? ? ?????. ?? ?? .red-button ?? .submit-button ???? CSS? ??? ??????.

? ?? ?? ??? ??? ??? ?? Bootstrap ?? Tailwind CSS? ?? CSS ??? ??? ???? ????. ??? ??? ??? ?? ??? ??? ?? ??? ?? ?? ? ?? ?? ? ???? ???? ?????. ??? ?? ?? CSS? ??? ??? ?????? ??? ? ???? ???? ???? ?????????.

?????, ????? CSS? ????? ??? ??? ??, ??? ? ?? ?? ??? ?? ????. ?? CSS? ????? ??? ????? ?? ??? ???? ?? CSS? ?? ????? ? ?? ? ? ????. ?? ?? ???? ??? ????? CSS ?? ??? ? ??? ??? ?? ??? ???? ?? ???? ????? ?? ???? ????. ??? ???? ?? ??? ?? ?? ????? ?? ??? ??? ?? ? ????.

? ??? CSS ?? : ????? ??? ??? ?????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!