From 298f8998c316af24f428cd54496258e16fbcfa10 Mon Sep 17 00:00:00 2001 From: WATAHIKI YUTO Date: Sat, 7 Mar 2026 10:51:45 +0900 Subject: [PATCH] =?UTF-8?q?=E3=80=8CCSS=E3=80=8D=E3=81=AE=E7=AF=80?= =?UTF-8?q?=E3=81=AE=E6=BC=94=E7=BF=92=E5=95=8F=E9=A1=8C1=E3=81=AE?= =?UTF-8?q?=E5=95=8F=E9=A1=8C=E6=96=87=E3=81=A8=E8=A7=A3=E7=AD=94=E3=82=92?= =?UTF-8?q?=E4=BF=AE=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/1-trial-session/03-css/index.mdx | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) diff --git a/docs/1-trial-session/03-css/index.mdx b/docs/1-trial-session/03-css/index.mdx index b8f010cea..9c73fd3df 100644 --- a/docs/1-trial-session/03-css/index.mdx +++ b/docs/1-trial-session/03-css/index.mdx @@ -105,7 +105,9 @@ HTMLファイルとCSSファイルを分けて作成する場合、`style`属性 ## 演習問題1 -下のような、文字色が黄色、背景色が好きな色 (この例では黒) の`Hello CSS!`をブラウザで表示してみましょう。使用するプロパティは`color`、`background-color`です。`style`属性を用いる方法と、CSSファイルを用いる方法の両方で試してみましょう。 +次のように、`Hello CSS!`と表示するページを作成してみましょう。 + +`Hello CSS!`という文字列を表示し、`color`プロパティと`background-color`プロパティを使って、文字色を黄色、背景色を黒色にしてください。 ![Hello CSS!](yellow-hello-css.png) @@ -120,15 +122,22 @@ HTMLファイルとCSSファイルを分けて作成する場合、`style`属性 Title -
Hello CSS!
+
Hello CSS!
``` - +```css title="style.css" +#greeting { + color: yellow; + background-color: black; +} +``` + + ## 演習問題2 次のような条件を満たす要素を選択するセレクタは何でしょうか。