CSSとは？
CSSとは何か、ブラウザーがCSSを解析する仕組み、スタイルシートをHTMLに関連付ける方法を理解します。
「CSSとは？」はCoddyKit上の無料CSS Academyレッスンです。 これはレッスン1/3です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはCSS Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 CSS Academyコースには全3レッスンが含まれています。
ようこそ！
こんにちは！これから、ウェブページをきれいに見せる魔法の CSS を学びます。これは、もっとも親しみやすく、短く学べるコースです。🎉
小さな一歩で、すぐに成果を
各シーンは短くまとめられています。一度に学ぶのは、小さなアイデアひとつだけです。あっという間に進んで、気づく前に最後まで終えられます。長い文章の壁はありません！
AI Mentor に会いましょう 🤖
すべてのレッスンの下部にある紫色の ✨ AI Mentor ボタンが見えますか？これはあなた専用のチューターです。無料で試すことができ、モバイルでもウェブでも 24 時間 365 日利用できます。
つまずいたときにタップして、必要なものを選んでください。
- 💡 簡単に説明 — わかりにくいことを、やさしい言葉で説明します
- 📋 ステップごと — 問題をわかりやすい手順に分けます
- 🗣️ 日常の例 — 現実の生活に結び付けて説明します
ほかにも ミニクイズ、コード例、質問 があります。何でも自由に尋ねてください。ひとりで学ぶことはありません。💜
自分の言語で学びましょう 🌍
母語で学びたいですか？もちろん可能です！
レッスンの右上にある 🌐 翻訳ボタン（ウェブでも上部バーにあります）をタップして、言語を選んでください。すべてのレッスンがすぐに選んだ言語で表示されます。
いつでも元に戻せます。自分にとって一番わかりやすい方法で学んでください。🙌
では、CSS とは何でしょうか？
CSS は Cascading Style Sheets（カスケーディング・スタイルシート）の略です。簡単に言うと、ウェブページの色、フォント、余白、レイアウトなどの見た目を整えるものです。
ウェブの服装
HTML をページの体にたとえるなら、CSS は服やメイクです。同じ体でも、見た目はまったく違うものになります！👗
なぜ重要なのでしょうか
CSS がなければ、どのサイトも白い背景に黒い文字が並ぶだけになってしまいます。ウェブを美しく、自分らしくするのが CSS です。
どこにでもあります
あなたが好きなサイトの色、ボタン、レイアウトは、すべて CSS の働きです。もうすぐ、見るものすべてに CSS を見つけられるようになります。
少しだけ見てみましょう
まずは簡単な例を見てみましょう。この小さなルールは、文字を青くします。まだ細かいことは気にせず、どれほど読みやすくなるかに注目してください！👀
<p>Hello, CSS!</p>
順調です！
CSS とは何か、なぜ重要なのかがもうわかりました。これは本当の意味での最初の一歩です！次は、CSS が実際にどのようにページを生き生きとさせるのかを学びます。🚀
クイックチェック
理解を確かなものにするための簡単な問題です。CSS はウェブページに対して、主に何をしますか？
よくある質問
「CSSとは？」レッスンは無料ですか？
はい。「CSSとは？」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、CSS Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 CSS Academyコースには全3レッスンが含まれています。
「CSSとは？」で何を学びますか？
CSSとは何か、ブラウザーがCSSを解析する仕組み、スタイルシートをHTMLに関連付ける方法を理解します。 ブラウザで直接実行するハンズオンコードでCSS Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
CSS Academyを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのCSS Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン1/3です。
「CSSとは？」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このCSS Academyレッスンでコードを書いて実行できますか？
はい。すべてのCSS Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。