Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

冒頭の「今まではHTMLとJavaScriptを勉強してきました。」の JavaScript を消すと良さそうです。

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

あ...気づかなかった。ありがとうございます!

Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
title: CSS
---

今まではHTMLとJavaScriptを勉強してきました。今回はWeb開発で用いられるもう一つの言語、CSSについて学びましょう。CSSはWebサイトの「見た目」をつかさどる言語です。多くの<Term>HTML要素</Term>は、<Term>CSS</Term>を用いることで、その見た目を細かくカスタマイズすることができます。
今まではHTMLを勉強してきました。今回はWeb開発で用いられるもう一つの言語、CSSについて学びましょう。CSSはWebサイトの「見た目」をつかさどる言語です。多くの<Term>HTML要素</Term>は、<Term>CSS</Term>を用いることで、その見た目を細かくカスタマイズすることができます。

![Web開発で用いられる言語](../02-html/web-development-languages.drawio.svg)

Expand Down Expand Up @@ -102,13 +102,6 @@ CSSの`{`から`}`で囲まれたブロックの中に、<Term type="cssProperty

これで、`Hello World!`の文字が赤くなりました。

:::note

{/* prettier-ignore */}
<Term>CSS</Term>の<Term type="cssProperty">プロパティ</Term>は、<Term>オブジェクト</Term>における<Term>プロパティ</Term>と似ているものの、全く異なるものです。文脈により何を意味しているのかが変わるので注意してください。

:::

:::tip[HTMLの <Term>`style`属性</Term>]
`style.css`を作らずとも、HTML内に直接CSSを指定することもできます。例えば、`div`<Term>要素</Term> の<Term>`style`属性</Term>に`color: red;`を指定するとどうなるでしょうか。

Expand Down
2 changes: 1 addition & 1 deletion docs/2-browser-apps/02-reference/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ title: オブジェクトの参照

[オブジェクト](/docs/trial-session/object/)で扱ったように、JavaScriptの値はオブジェクトとプリミティブに分けられます。前回は、プリミティブを「それ以上分解できない値」のように説明しました。もう少し詳しくみてみましょう。

![オブジェクトとプリミティブ](../../1-trial-session/11-object/value-types-with-object.drawio.svg)
![オブジェクトとプリミティブ](../../1-trial-session/12-object/value-types-with-object.drawio.svg)

次のコードを実行してみてください。

Expand Down