Một liên kết HTML được hiển thị bằng màu sắc khác tùy thuộc vào việc nó đã được truy cập, chưa được truy cập hay đang hoạt động
HTML link color
Theo mặc định, một liên kết sẽ xuất hiện như thế này [trong tất cả các trình duyệt]
- Một liên kết không thể truy cập được chân gạch và có màu xanh lam
- Một liên kết đã truy cập được gạch chân và có màu tím
- Một liên kết đang hoạt động là chân gạch và có màu đỏ
Bạn có thể thay đổi trạng thái liên kết màu bằng cách sử dụng CSS
Thí dụ
Tại đây, một liên kết không được truy cập sẽ có màu xanh lục không có gạch dưới. Một liên kết đã truy cập sẽ có màu hồng không có gạch dưới. Một liên kết đang hoạt động sẽ có màu vàng và chân gạch. Ngoài ra, khi di chuột qua một liên kết [a. hover], nó sẽ trở thành màu đỏ và bị gạch chân
Trong bài này chúng ta sẽ tìm hiểu một thuộc tính khá quan trọng và được sử dụng khá phổ biến trên website đó là màu chữ và màu da nền. Vậy chúng ta phải làm thế nào để kiểm soát và sử dụng nó cho phù hợp?
Xem thêm. Cú pháp CSS
Trước khi vào nội dung chính mình nói thêm 1 chút về cách viết mã màu. Trong CSS code color được viết theo rất nhiều cách tùy theo cách sử dụng và thói quen lập trình của mỗi người. Nó được chia thành 6 cách viết nhưng ở đây mình chỉ giới thiệu 4 cách viết vì nó được sử dụng rộng rãi và phổ biến nhất
- được xác định trước. Màu đã được xác định sẵn trong HTML
- màu thập lục phân. Là hệ màu sử dụng hệ thống số thập phân
- màu RGB. is the color with 3 color Red, Green, Blue
- màu RGBA. is the color with 4 color. Đỏ, Xanh lục, Xanh lam, Alpha
- màu HSL. Là hệ màu với 3 màu. Huế, Độ bão hòa, Độ sáng
- màu HSLA. Là hệ màu với 4 màu. Hue, Saturation, Lightness và Alpha
– Được xác định trước. Là màu sắc được định nghĩa có sẵn trong HTML và CSS như. trắng [màu trắng], đỏ [màu đỏ], xanh [màu xanh dương]… còn rất nhiều màu khác nữa, mời các bạn tham khảo ý kiến tại đây. https. //www. w3schools. com/colors/colors_names. asp
– Màu thập lục phân. chúng được định nghĩa bởi hexa code, cụ thể là #RRGGBB. Trong đó RR là mã màu đỏ, GG là mã màu xanh lá cây, BB là mã màu xanh dương. Tất cả chúng đều nằm trong khoảng từ 00 đến FF
Ví dụ. Các màu hexa cơ bản
#div1 { màu. #ff0000;
#div2 { màu. #00ff00;
#div3 { màu. #0000ff;
– Màu RGB. Là màu được định nghĩa bởi 3 màu chủ đạo là Red[R], Green[G] và Blue[B]. Mỗi tham số xác định cường độ của màu sắc và chúng được giới hạn từ 0 đến 255 hoặc một giá trị phần trăm [0 đến 100]
Ví dụ
#div1 { màu. rgb[255, 0, 0];
#div2 { màu. rgb[0, 255, 0];
#div3 { màu. rgb[0, 0, 255];
– Màu RGBA. Cũng tương tự như mã màu RGB, nhưng chúng tôi có thêm 1 thuộc tính thứ 4 là Alpha dùng để làm mờ hoặc làm rõ thêm màu. We are started from 0. 0 đến 1. 0
Ví dụ
#div1 { màu. rgba[255, 0, 0, 0. 3];
/* Red color but have thêm thuộc tính opacity. 0. 3 to doing blur color */
Quay lại vấn đề chính là màu chữ và màu nền trong CSS. Màu nền chữ màu là một trong những thuộc tính được sử dụng nhiều trong CSS. Nắm được kiến thức về màu sắc thì sẽ phân phối màu sắc thì bạn sẽ làm cho trang web của mình trở nên đẹp và bắt mắt hơn rất nhiều
chữ màu
Có rất nhiều tài liệu nói về màu chữ trong Css. Tuy nhiên, theo mình color chữ được sử dụng để thiết lập màu cho bất kỳ phần tử nào trong html. Cú pháp của nó được thể hiện qua bảng sau
Trông có vẻ phức tạp nhưng thực ra nó rất đơn giản. Nó không thể hiện qua ví dụ sau
Ví dụ
Kết quả sẽ được như sau
Màu nền
Vì vậy chúng ta thay đổi màu chữ được thì liệu có thể thay đổi màu nền được không?
Tương tự như màu chữ [màu], bạn có thể thêm màu nền cho bất kỳ đối tượng nào trong nội dung như thẻ a, thẻ p, thẻ div… Giá trị mặc định của màu nền là màu trong suốt [trong suốt], điều này
Tuy nhiên không phải lúc nào cũng tốt, nếu chúng ta để chữ màu là màu trắng và màu nền là trong suốt thì kết quả thật là một điều không thể chấp nhận được. Vì chúng sẽ hòa vào nhau khiến chúng ta không phân biệt được đâu là chữ và đâu là màu nền. Vì vậy, chúng ta cần phải hiểu rõ giá trị của màu chữ cũng như màu nền để kết hợp chúng cho tốt
Ví dụ
Kết quả là
Màu chữ và màu nền trong trang web rất quan trọng, nó có rất nhiều màu và sẽ có vô số cách phân phối màu. Vì vậy qua bài này mình mong các bạn sẽ hiểu được phần nào về màu chữ và màu nền trong css là như thế nào. Đồng thời hiểu được các mảng cũng như mã màu trong CSS là như thế nào, cũng như biết cách phối màu cho thật đẹp và bắt mắt. Chúc các bạn thành công