CSSはCascading Style Sheetsの略でHTMLを装飾するための言語です。
語源などの詳しい意味を知りたい方はこちらを見てください(難しいです)
HTMLでは文字や画像のデータが表示できます。
CSSではHTMLの装飾ができます。
装飾なんていらない、シンプルイズザベストと思ってる方も見てください。
CSSでは余白の大きさをしたいしたり、文字の大きさを変えたりと割りと基本的なことから、
状況に応じて色や形を変化させたり、簡単なアニメーションを作ったりなど様々なことができます。
今や使ってないページはないくらいです。
例えば文字や画像をクリックしようとすると色が変わったりするページを見たことあると思います。あれもCSSです。
例えばPC向けのページで右と左にコンテンツが並んでるページを見たことがあると思います。あれもCSSです。
HTMLさんには悪いですが、CSSがいないとただ文字や画像を表示することしかできないのです。(CSSはHTMLがいないと文字すら表示できませんけどね)
簡単にいうと
CSSとは
・HTMLを装飾するためのもの
・飾り付けるって意味だけじゃなく余白とか配置も指定したもできる
・単独では画面に情報を表示することはできない。
HTMLは基本的に
装飾するもの
{ 装飾する内容 : 値 ;}

このようにできています。
例えば
img { widht: 300px ;}

ならimgタグ(基本的に画像につかわれる)がついたコンテンツの横幅(width)は300pxにするという意味です。
他にも
.hobby { color: red ;}

であればHTMLでclass=”hobby”と指定した文字の色(color)が赤く(red)なります。