Xác định giá trị trong CSS
|
Có hai loại giá trị màu sử dụng ký hiệu RGB chức năng trái ngược với ký hiệu thập lục phân. Cú pháp chung cho loại giá trị màu này là 6, trong đó 7 được biểu thị bằng cách sử dụng bộ ba phần trăm hoặc số nguyên. Các giá trị phần trăm có thể nằm trong phạm vi 0– 1 và các số nguyên có thể nằm trong phạm vi 2– 3 Show Do đó, để chỉ định màu trắng và đen tương ứng, sử dụng ký hiệu phần trăm, các giá trị sẽ là
Sử dụng ký hiệu bộ ba số nguyên, các màu giống nhau sẽ được biểu diễn dưới dạng
Một điều quan trọng cần nhớ là bạn không thể trộn số nguyên và tỷ lệ phần trăm trong cùng một giá trị màu. Do đó, 4 sẽ không hợp lệ và do đó bị bỏ qua Giả sử bạn muốn các phần tử 5 của mình có màu đỏ nằm giữa các giá trị của màu đỏ và màu hạt dẻ. 6 tương đương với 7, trong khi 8 tương đương với 9. Để có được màu giữa hai màu đó, bạn có thể thử cái này 2 Điều này làm cho thành phần màu đỏ của màu sáng hơn 8, nhưng đậm hơn 6. Mặt khác, nếu bạn muốn tạo màu đỏ nhạt, bạn sẽ tăng mức xanh lá cây và xanh lam 5 Màu tương đương gần nhất sử dụng ký hiệu bộ ba số nguyên là 6 Cách dễ nhất để hình dung các giá trị này tương ứng với màu như thế nào là tạo một bảng các giá trị màu xám. Kết quả được hiển thị trong Hình 4-10 7  Vì chúng ta đang xử lý các sắc thái của màu xám, nên cả ba giá trị RGB đều giống nhau trong mỗi câu lệnh. Nếu bất kỳ một trong số chúng khác với những cái khác, thì một màu sắc sẽ bắt đầu xuất hiện. Ví dụ: nếu 22 được sửa đổi thành 23, kết quả sẽ là màu tối trung bình chỉ với một chút màu xanh lam Có thể dùng phân số trong kí hiệu phần trăm. Vì một số lý do, bạn có thể muốn chỉ định rằng một màu chính xác là 25. 5 phần trăm màu đỏ, 40 phần trăm màu xanh lá cây và 98. 6 phần trăm màu xanh 0 Tác nhân người dùng bỏ qua các dấu thập phân (và một số làm như vậy) nên làm tròn giá trị thành số nguyên gần nhất, dẫn đến giá trị được khai báo là 24. Trong bộ ba số nguyên, bạn bị giới hạn ở số nguyên Các giá trị nằm ngoài phạm vi cho phép đối với mỗi ký hiệu được cắt bớt vào cạnh phạm vi gần nhất, nghĩa là giá trị lớn hơn 1 hoặc nhỏ hơn 0 sẽ mặc định ở các giới hạn được phép đó. Do đó, các khai báo sau đây sẽ được xử lý như thể chúng là các giá trị được chỉ ra trong các nhận xét 4 Chuyển đổi giữa tỷ lệ phần trăm và số nguyên có vẻ tùy ý, nhưng không cần phải đoán số nguyên bạn muốn—có một công thức đơn giản để tính chúng. Nếu bạn biết tỷ lệ phần trăm cho từng cấp độ RGB mà bạn muốn, thì bạn chỉ cần áp dụng chúng cho số 255 để nhận các giá trị kết quả. Giả sử bạn có màu 25% đỏ, 37. 5 phần trăm màu xanh lá cây và 60 phần trăm màu xanh lam. Nhân mỗi phần trăm này với 255 và bạn nhận được 63. 75, 95. 625 và 153. Làm tròn các giá trị này thành các số nguyên gần nhất và voilà. 27 Nếu bạn đã biết các giá trị phần trăm, sẽ không có nhiều điểm để chuyển đổi chúng thành số nguyên. Ký hiệu số nguyên hữu ích hơn cho những người sử dụng các chương trình như Photoshop, chương trình có thể hiển thị các giá trị số nguyên trong hộp thoại Thông tin hoặc cho những người đã quá quen thuộc với các chi tiết kỹ thuật tạo màu mà họ thường nghĩ về các giá trị từ 0–255 Làm cách nào để thêm giá trị trong CSS?Hàm var() dùng để chèn giá trị của một biến CSS . Các biến CSS có quyền truy cập vào DOM, nghĩa là bạn có thể tạo các biến có phạm vi cục bộ hoặc toàn cầu, thay đổi các biến bằng JavaScript và thay đổi các biến dựa trên truy vấn phương tiện.
Giá trị và đơn vị CSS là gì?Mọi khai báo CSS đều bao gồm một cặp thuộc tính/giá trị. Tùy thuộc vào thuộc tính, giá trị có thể bao gồm một số nguyên hoặc từ khóa, đến một chuỗi từ khóa và giá trị có hoặc không có đơn vị . Có một tập hợp phổ biến các loại dữ liệu — giá trị và đơn vị — mà các thuộc tính CSS chấp nhận.
Thuộc tính và giá trị CSS là gì?Thuộc tính CSS là các kiểu được sử dụng trên các bộ chọn đã chỉ định . Chúng được viết trước các giá trị trong bộ quy tắc CSS và được phân tách khỏi các giá trị thuộc tính bằng dấu hai chấm. Các bộ chọn và phần tử HTML khác nhau có các thuộc tính khác nhau. Một số thuộc tính là phổ biến và có thể được sử dụng trên mọi bộ chọn.
Cách khai báo biến CSS?Để khai báo một biến trong CSS, hãy đặt tên cho biến, sau đó nối hai dấu gạch ngang (–) làm tiền tố . Phần tử ở đây đề cập đến bất kỳ phần tử HTML hợp lệ nào có quyền truy cập vào tệp CSS này. Tên biến là bg-color và hai dấu gạch nối được thêm vào. |
