Add some style
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · Trang này cần trình duyệt gần đây (hỗ trợ SharedArrayBuffer). Vui lòng cập nhật Chrome, Edge, Firefox hoặc Safari lên phiên bản mới nhất.
English
Adding style
- HTML gives your page its content. CSS makes it look good.
- The easiest way to add CSS is a
<style>block near the top of your page. - Inside it, you write rules that change how things look.
Tiếng Việt
Thêm kiểu dáng
- HTML cung cấp nội dung cho trang của bạn. CSS làm cho nó trông đẹp mắt.
- Cách dễ nhất để thêm CSS là một khối
<style>gần đầu trang của bạn. - Bên trong khối đó, bạn viết các luật thay đổi cách thức hiển thị.
English
A CSS rule
- A rule has three parts:
p { color: blue; } pis the selector — which tags to change (here, every paragraph).coloris the property — what to change.blueis the value — what to change it to. (Together,color: blue;is one declaration.)
Tiếng Việt
Một luật CSS
- Một luật bao gồm ba phần:
p { color: blue; } plà bộ chọn — xác định thay đổi thẻ nào (ở đây, tất cả các đoạn văn).colorlà thuộc tính — cần thay đổi cái gì.bluelà giá trị — cần thay đổi nó thành gì. (Kết hợp lại,color: blue;là một phát biểu.)
<style>
p { color: blue; }
</style>
<p>Now I am blue.</p>
<p>So am I!</p>
English
Common mistakes
- Link the CSS file, or put rules inside a
<style>block. - Each CSS rule ends with a semicolon
;.
Tiếng Việt
Lỗi thường gặp
- Liên kết tệp CSS, hoặc đặt các quy tắc bên trong một khối
<style>. - Mỗi luật CSS kết thúc bằng dấu chấm phẩy
;.
English
Now you try
- Write your rules inside the
<style>block. - Colour your paragraphs, then your heading.
Tiếng Việt
Bây giờ bạn thử
- Viết các luật của bạn bên trong khối
<style>. - Tô màu cho các đoạn văn, sau đó tô màu cho tiêu đề.
Make every paragraph blue. Inside the <style> block, add the rule p { color: blue; }.
Now colour the heading too. Add a rule h1 { color: red; }.