メインコンテンツにスキップ

HTML と同様に、コンポーネントに <style> タグを追加できます。<p> 要素にスタイルを追加してみましょう。

アプリ
<p>This is a paragraph.</p>

<style>
	p {
		color: goldenrod;
		font-family: 'Comic Sans MS', cursive;
		font-size: 2em;
	}
</style>

重要なのは、これらのルールは*コンポーネントのスコープ内*であるということです。次のステップでわかるように、アプリの他の場所にある <p> 要素のスタイルを誤って変更することはありません。

GitHub でこのページを編集

1
2
3
4
5
6
<p>This is a paragraph.</p>
 
<style>
	/* Write your CSS here */
</style>