Sau khi đã tìm hiểu các thuộc tính để xây dựng bố cục website đơn giản, thì trong bài học tiếp theo này, chúng ta sẽ tiếp tục tìm hiểu các thuộc tính css khác, phục vụ cho việc trang trí bài viết trên website.
1. Màu văn bản
Sử dụng thuộc tính color để thiết lập màu cho văn bản.
Màu có thể được xác định bởi:
- tên màu (red, blue, ...)
- giá trị RGB như rgb(255,0,0)
- giá trị thập lục phân hex (#fef000)
2. Font văn bản
Có tất cả 4 loại:
- font-family: định dạng họ font chữ (Arial, Tahoma, Times New Roman,...)
- font-size: điểu chỉnh kích thước font chữ (15px, 20px,...)
- font-style: định dạng văn bản in nghiêng (italic)
- font-weight: điều chỉnh mức độ in đậm font chữ (bold)
Cách viết:
3. CSS Text
Có một vài thuộc tính thường dùng:
- Text-align: canh giữa, canh trái, canh phải chữ viết
- Text-indent: thụt vào đầu dòng một đoạn văn
- Text-decoration: tạo phần gạch dưới cho chữ viết hoặc bỏ đi phần gạch dưới của thẻ <a>
Cách viết:
Ngoài ra, còn thuộc tính line-height có tác dụng làm cho nội dung chữ viết canh giữa chiều cao của một thẻ html. (xem chi tiết trong video hướng dẫn)
3. Border
Thuộc tính border được dùng để tạo đường viền khung cho một thẻ html.
Cách viết:
Có tất cả 5 dạng boder:
- tạo viền cho cả khung => border: 1px solid #000000;
- chỉ tạo viền trái => border-left: 1px solid #000000;
- chỉ tạo viền phải => border-right: 1px solid #000000;
- chỉ tạo viền trên => border-top: 1px solid #000000;
- chỉ tạo viền dưới => border-bottom: 1px solid #000000;
Trong đó:
- phần px là kích thước đường viền
- solid là kiểu đường viền
- #000000 là màu sắc đường viền
Xem hướng dẫn chi tiết trong video
