Định dạng (Styling)

Svelte cơ bản / Giới thiệu

Part 1/ Giới thiệu/Định dạng (Styling)

Cũng như trong HTML, bạn có thể thêm thẻ <style> vào component của bạn. Ta hãy thử thêm vài style vào <p> nhé:

<p>Đây là một câu văn.</p>

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

Quan trọng hơn, những style này được áp dụng trong phạm vi của component này. Bạn sẽ không thể lỡ thay đổi cái style của những <p> ở những chỗ khác trong ứng dụng của bạn, như ta sẽ thấy trong phần tiếp theo.