CSS [bảng kiểu xếp tầng] là ngôn ngữ cho phép bạn tạo các trang web đẹp.
a link.
Mẹo chuyên nghiệp: Mã này là tương tác, hãy thử thay đổi nó để xem sự khác biệt.
Nếu không có bộ chọn cơ thể hoặc màu được xác định trong bộ chọn cơ thể, màu mặc định rất có thể là màu đen.
Vì vậy, hãy để nói rằng tôi muốn thay đổi màu sắc của các đoạn văn của mình sang Hải quân, như đã đề cập trong ví dụ trên và tất cả các liên kết trên trang web của tôi thành Aqua. Sau đó, tôi sử dụng bộ chọn loại P và bộ chọn thuộc tính A [HREF] và đặt thuộc tính màu thành #000080 và #00FFFF, tương ứng.
Ở đây, các CSS:
Ở đây, HTML:CSS selector and define the color and background-color property with the values you want. Say you want to change the background color of links to yellow. Then you’d add the following code:
Bạn có thể tự hỏi điều gì sẽ xảy ra nếu bạn không đặt thuộc tính màu trong CSS của bạn. Đó là một câu hỏi hay. Màu văn bản mặc định cho một trang được xác định trong bộ chọn cơ thể. Ở đây, một ví dụ về bộ chọn cơ thể Cài đặt màu văn bản là màu xanh: This code is interactive, try changing it to see the difference.
a[href] {
color: #000000;
background-color: #FFFF00;
}
Màu nền CSS
Thuộc tính màu nền CSS cho phép bạn thay đổi màu nền của phần tử HTML. Bạn có thể đặt màu nền cho nhiều yếu tố, bao gồm một bảng, div, tiêu đề và phần tử nhịp.change the background color of an HTML element. You can set the background color for many elements, including a table, div, heading, and span element.
Khi xác định thuộc tính màu, bạn cũng nên xác định màu nền. Nó cần thiết để tuân thủ W3C CSS và các khung khác, và nó không bị tổn thương.
Kiểm tra độ tương phản màu
Thay đổi màu sắc và màu nền của văn bản cũng rất cần thiết để tránh các vấn đề về khả năng truy cập web trên trang web của bạn.web accessibility on your website.
Hãy nhìn vào bản demo trên.
Mặc dù các màu được sử dụng có thể quá giống nhau đối với những người có thể nhìn thấy các sắc thái khác nhau, nhưng gạch chân sẽ giúp chỉ ra đó là một liên kết.
Nhưng điều gì sẽ xảy ra nếu tôi loại bỏ gạch chân khỏi các liên kết trên trang web của tôi? Sau đó, tôi chỉ dựa vào màu sắc một mình để truyền đạt rằng đó là một liên kết. Trong trường hợp đó, tôi cần phải xác định và sử dụng các màu có thể truy cập web cho trang web của mình.
Điều này sẽ mất thời gian và nghiên cứu. Tuy nhiên, nếu bạn chỉ bắt đầu nghiên cứu mù màu, thì một công cụ như trình kiểm tra độ tương phản có thể giúp bạn đưa ra lựa chọn có thể truy cập khi thay đổi màu của văn bản trên trang web của bạn.
a link.
Ở đây, HTML:
Đây là kết quả:
Xem bút thay đổi màu nền văn bản trong CSS của HubSpot [@HubSpot] trên CodePen.
Thêm màu vào trang web của bạn
Thay đổi màu sắc và màu nền của văn bản trên trang web của bạn là dễ dàng. Với một số kiến thức về CSS và HTML, bạn sẽ dễ dàng xây dựng hoặc tạo trang web của mình dễ dàng hơn.
Tuy nhiên, sẽ dành thời gian để tìm hiểu tên và mã màu và cách kết hợp chúng để làm cho trang web của bạn và các tài sản thế chấp tiếp thị khác có thể truy cập được - cho bạn một lý do khác để bắt đầu thêm màu vào trang web của bạn ngày hôm nay.