W3.CSS Mặc định
W3.CSS 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:
Thí 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>
Các lớp kích thước phông chữ
Tiêu đề nên được sử dụng để làm gì: 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 :
Thí dụ
w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
Ghi đè Mặc định W3.CSS
Ghi đè cài đặt mặc định của W3.CSS rất dễ dàng.
Bạn có ít nhất ba tùy 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 đè trong <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;}
Thêm CSS của riêng bạn
<link rel="stylesheet" href="https://www.w3schools.com/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 của trang web (hoặc trong trang định kiểu của bạn), sau khi tải W3.CSS, hãy thay đổi kiểu của html và nội dung:
Thí dụ
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style>
html, body, h1, h2, h3, h4, h5, h6 {
font-family: cursive, sans-serif;
}
</style>