Mặc định W3.CSS
W3.CSS rất dễ đọc
Các trang W3.CSS rất dễ đọc, ngay cả đối với những người bị khuyết tật đọc nhẹ.
- Kích thước phông chữ mặc định là 15px
- Phông chữ mặc định là Verdana, có khoảng cách giữa các chữ cái tốt
- Khoảng cách dòng mặc định (1.5) cũng rất tốt
Tiêu đề HTML <h1> - <h6>
Theo mặc định, W3.CSS định kiểu các tiêu đề HTML theo cách này:
Ví dụ
<h1>Heading 1 (36px)</h1>
<h2>Heading 2 (30px)</h2>
<h3>Heading 3 (24px)</h3>
<h4>Heading 4 (20px)</h4>
<h5>Heading 5 (18px)</h5>
<h6>Heading 6 (16px)</h6>
Hãy tự mình thử »Các lớp cỡ chữ
Các tiêu đề nên được sử dụng theo đúng nghĩa của chúng: Tiêu đề.
Với W3.CSS, kích thước phông chữ có thể được đặt theo các lớp kích thước w3 sau:
Ví dụ
w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
Hãy tự mình thử » Ghi đè mặc định của W3.CSS
Việc ghi đè cài đặt mặc định của W3.CSS rất dễ dàng.
Bạn có ít nhất ba lựa chọn:
- Ghi đè cài đặt mặc định trong phần <head> trên trang của bạn
- Thêm tệp CSS của riêng bạn sau W3.CSS
- Tải xuống và thay đổi nội dung của tệp W3.CSS
Ghi đè vào<head>
h1{font-size:64px;}
h2{font-size:48px;}
h3{font-size:36px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}
Hãy tự mình thử »Thêm CSS của riêng bạn
<link rel="stylesheet" href="https://www.example.com.vn/w3css/4/w3.css">
<link rel="stylesheet"
href="myStyle.css">
Thay đổi W3.CSS
h1{font-size:36px} h2{font-size:30px} h3{font-size:24px} h4{font-size:20px} h5{font-size:18px} h6{font-size:16px}
Thay đổi phông chữ mặc định
Trong phần đầu trang web của bạn (hoặc trong biểu định kiểu của bạn), sau khi tải W3.CSS, hãy thay đổi kiểu html và nội dung:
Ví dụ
<link rel="stylesheet" href="https://www.example.com.vn/w3css/4/w3.css">
<style>
html, body, h1, h2, h3, h4, h5, h6 {
font-family: cursive, sans-serif;
}
</style>
Hãy tự mình thử »