CSSとは何ですか？

こんにちは。

このコースでは、Webページの見た目をより良くするソフトウェア言語、CSSについて学びます。

HTMLに慣れていない場合は、まずHTML Getting Startedコースを修了してください。 

「HTMLはすでに知っている」という方は、さっそく始めましょう。

このコースのパートでは、CSSが必要な理由について学びます。

まずは、CSSを学んでいるときに頭に浮かんだ最初の疑問について考えてみましょう。

HTMLだけではできないことのために、なぜ別の言語を学ぶ必要があるのでしょうか。

まず、HTMLの役割を思い出してみましょう。 

HTMLは、Webページ上のデータ（テキスト、画像、数式など）をユーザーにより正確に提示するために使用する言語です。

たとえば、ノートに記事を書いているところを想像してみましょう。 

記事からピリオドやコンマなどの句読点を取り除くと、記事を読む人に伝えたい内容を誤って伝えてしまう可能性があります。

Webページ上でユーザーに情報をより明確に伝えるために使用するHTMLタグもあります。

WebページはHTMLドキュメントであり、ブラウザーはページを実行するためにHTMLドキュメントを読み込みます。つまり、HTMLドキュメントはWebページの基盤だと考えることができます。

では、CSSは何をするのでしょうか。

CSSは、データを提示する際にHTMLだけでは不十分な見た目を補うために開発された技術です。

別のたとえで考えてみましょう。家を建てているところを想像してください。家の主な役割は、そこに住む人々のための住居となることです。これがHTMLの役割です。

Webページの主な目的は、ブラウザーでページを開いた人に情報を提供することです。CSSは、家の外壁の塗装や装飾、窓の適切な配置を実現する技術です。

理想的なWebページにCSSがない場合（例：Wikipedia）でも、データを保持するHTMLが基本的な役割を果たします。しかしCSSを使うと、HTMLはデータをよりわかりやすく美しい形でユーザーに提示できます。

上の画像は、スタイルを無効にしたwikipedia.comサイトのスクリーンショットです。 

つまり、HTMLだけを使用して、訪問者に上のような表示を見せることができます。

では、CSSコードを再び有効にした場合の表示を見てみましょう。

ご覧のように、サイト内で提示されているデータは変わりませんが、CSSによってサイトがユーザーにとって使いやすくなります。

現在のCSSのバージョンであるCSS3では、多くの視覚的な機能を備えています。

CSSとは何かを学びました。次のセクションに進む前に、

CSSについてよくある質問を見てみましょう。

CSS（Cascading Style Sheets）はいつから使われているのでしょうか。

CSSは1996年から使用されている技術です。

CSSを使わずにWebページを作成できますか。

はい、作成できます。ただし、おそらく誰も訪れないほど見た目が悪くなります。CSSがなければ、Webページを文字どおりWebページと呼ぶことはできません。

Facebook、Google、Amazonなどの主要なWebアプリはCSSを使用していますか。

はい。これらだけでなく、ブラウザーで開くすべてのWebページがCSSを使用しています。

CSSを学ぶのは難しいですか。

CSSは簡単に学べます。英語を話すような感覚でコードを書きます。ただし、いくつかの細かな点で、ソフトウェア開発者が難しいと感じることがあります。 

たとえば、ページ上でブロックをどのように配置するかなどです。こうした点や類似する問題に重点的に取り組みます。このコースを終える頃には、必ずCSSを習得できます。

CSSを学ぶ際に、何かアドバイスはありますか。

はい。たくさん練習することで、CSSをとても早く習得できます。

おめでとうございます。🥳🥳🥳

CSSとは何かのレッスンを修了しました。

次のセクションでは、CSSの概要について学びます。

次のセクションへ進むにはクリックしてください。