-
- Chúng ta đã học
khá nhiều thuộc tính,
-
trong bài học hôm nay chúng ta sẽ đến với
-
một phần tiếp theo mà
bạn có thể đã nhận ra trước đó rồi,
-
đó là khái niệm "kế thừa" trong CSS.
-
Một vài thuộc tính của
CSS có khả năng kế thừa
-
tức là các thuộc tính này
sẽ tự động được áp dụng
-
cho các thẻ con
ở bên dưới.
-
Ví dụ, phông chữ là
một thuộc tính kế thừa.
-
Chỉ cần thêm thuộc tính này ở thẻ body
-
là nó sẽ được thêm tự động
-
ở dưới các thẻ con
-
giống như đầu đề H1 trong các đoạn văn.
-
Thuộc tính này chỉ mất tác dụng khi
có một quy tắc khác được thêm vào
-
giống như quy tắc thay đổi phông chữ
-
của tất cả các đầu đề thành phông chữ "cursive".
-
Một thuộc tính kế thừa khác là màu sắc.
-
Nếu ta thêm thuộc tính này ở thẻ body,
ta sẽ thấy thuộc tính được tự động
-
thêm vào tất cả các thẻ trong thẻ body cho
đến khi các quy tắc khác ghi đè lên nó,
-
giống như quy tắc cài đặt các đầu
đề H2 thành màu xanh.
-
Các thuộc tính kế thừa khác
mà ta thấy ở đây gồm
-
các thuộc tính văn bản mà
ta đã thực hành trước đó.
-
Trên thực tế, chúng ta đã thấy
rất nhiều thuộc tính kế thừa
-
bởi chúng được dùng để
thiết kế văn bản
-
và trình duyệt sẽ tự hiểu rằng
những người thiết kế trang web
-
muốn kiểu văn bản được tự động
áp dụng xuống các dòng dưới
-
để họ không phải viết lại
các thuộc tính
-
ở mỗi cấp độ.
-
Tuy nhiên, hầu hết
các thuộc tính mới
-
sẽ không có tính kế thừa.
-
Nếu bạn không chắc chắn liệu một
thuộc tính có tính kế thừa hay không
-
bạn có thể thêm thuộc
tính đó vào thẻ body
-
để xem nó có được áp dụng
xuống các dòng dưới hay không,
-
hoặc bạn có thể tìm tài liệu
tham khảo trên Internet
-
về thuộc tính đó.
Khan Academy
