Tạo kiểu văn bản với CSS
Sau khi đã nắm vững những kiến thức cơ bản về ngôn ngữ CSS, chủ đề CSS tiếp theo bạn cần tập trung là tạo kiểu văn bản — một trong những việc bạn sẽ làm thường xuyên nhất với CSS. Ở đây chúng ta sẽ tìm hiểu các kiến thức cơ bản bao gồm thiết lập phông chữ, độ đậm, chữ nghiêng, khoảng cách dòng và khoảng cách chữ, đổ bóng chữ, và các tính năng văn bản khác. Chúng ta kết thúc mô-đun bằng cách tìm hiểu cách áp dụng phông chữ tùy chỉnh cho trang, và tạo kiểu danh sách cùng liên kết.
Điều kiện tiên quyết
Trước khi bắt đầu mô-đun này, bạn cần quen thuộc với HTML và các kiến thức cơ bản về CSS.
Hướng dẫn và thử thách
- Kiến thức cơ bản về tạo kiểu văn bản và phông chữ
-
Trong bài viết này, chúng ta đi qua tất cả các kiến thức cơ bản về tạo kiểu văn bản/phông chữ một cách chi tiết, bao gồm thiết lập độ đậm, họ phông, kiểu phông, cú pháp tắt phông chữ, căn chỉnh văn bản cùng các hiệu ứng khác, và khoảng cách dòng cùng khoảng cách chữ.
- Tạo kiểu danh sách
-
Danh sách về cơ bản hoạt động như bất kỳ văn bản nào khác, nhưng có một số thuộc tính CSS dành riêng cho danh sách mà bạn cần biết, cùng một số phương pháp tốt nhất cần xem xét. Bài viết này giải thích tất cả.
- Tạo kiểu liên kết
-
Khi tạo kiểu liên kết, điều quan trọng là hiểu tại sao kiểu liên kết mặc định lại quan trọng, cách sử dụng lớp giả (pseudo-class) để tạo kiểu các trạng thái liên kết một cách hiệu quả, và cách tạo kiểu liên kết để dùng trong các thành phần giao diện phổ biến như menu điều hướng và các tab. Chúng ta sẽ xem xét tất cả các chủ đề này trong bài viết này.
- Phông chữ web
-
Ở đây chúng ta sẽ khám phá phông chữ web một cách chi tiết — chúng cho phép bạn tải xuống các phông chữ tùy chỉnh cùng với trang web của mình, để cho phép tạo kiểu văn bản đa dạng và cá nhân hóa hơn.
- Thử thách: Dàn chữ trang chủ trường cộng đồng Challenge
-
Trong bài đánh giá này, chúng ta sẽ kiểm tra sự hiểu biết của bạn về tạo kiểu văn bản bằng cách yêu cầu bạn tạo kiểu văn bản cho trang chủ của một trường cộng đồng.
Xem thêm
- Learn HTML and CSS, Scrimba MDN learning partner
-
Khóa học Learn HTML and CSS của Scrimba dạy bạn HTML và CSS thông qua việc xây dựng và triển khai năm dự án tuyệt vời, với các bài học tương tác thú vị và các thử thách được giảng dạy bởi các giáo viên có kiến thức chuyên sâu.