Yêu cầu May 15th, 2019 7:40 a.m. 538 1 2
  • 538 1 2
+2

Nói màu sắc trong lập trình

Chia sẻ
  • 538 1 2

chào các bạn trong lập trình như css thì có rất gam màu như màu chocolate ,chocolate1,chocolate2 tuy nhiên khi mình dùng background-color:chocolate thì trình duyệt hiện ra màu,nhưng thêm số 1,2,3 thì trình duyệt 0 ra kết quả phải thay bằng #ff7f24,#ee7621,#cd661d thì mới ra kết quả,chắc mấy cái màu kia cũng thế.

2 CÂU TRẢ LỜI


Đã trả lời May 15th, 2019 7:50 a.m.
+7

Bạn bị nhầm rồi! Ngoài việc style màu bằng mã hexa thì CSS hỗ trợ sử dụng theo tên màu đã được quy ước trước hay nó còn được gọi là Predefined/Cross-browser color names. Trong danh sách tên màu này thì chỉ có một cái tên là chocolate chứ không có chocolate1 hay chocolate2 đâu nhé! 😄 Do đó các giá trị chocolate1, chocolate2 là không hợp lệ và trình duyệt sẽ không hiểu đó là màu nào.

Bạn có thể kiểm tra và tham khảo trong danh sách tên màu được các trình duyệt hỗ trợ ở đây nha: https://www.w3schools.com/colors/colors_names.asp

Chia sẻ
Avatar hồ @jonyu
May 15th, 2019 8:04 a.m.

trong phần color x11 của web w3schools có chocolate1,chocolate2,chocolate3 chả lẽ bạn không thấy à những cái có ghi 1,2,3 thì dùng mã hex chứ không dùng tên thường gọi!mình đã từng thử với màu chocolate,nghĩ mấy cái kia cũng thế

May 15th, 2019 8:25 a.m.

@jonyu Mình hiểu ý bạn rồi. Tuy nhiên, một sự thật là hầu hết các trình duyệt mới chỉ support các tên màu trong danh sách mình gửi bạn mà thôi (Nó được lấy từ X11). Do đó với các giá trị chocolate1, chocolate2 trình duyệt vẫn sẽ không hiểu đó là màu nào.

May 15th, 2019 8:36 a.m.

@jonyu trong đấy có nói là CSS color name sẽ theo tiêu chuẩn X11 đâu bạn. Chỉ là vài keyword của X11 được dùng thôi trong CSS color thôi.

Avatar hồ @jonyu
May 15th, 2019 9:01 a.m.

ngôn ngữ lập trình có nhiều màu sắc ,0 biết có ai nhớ hết 0

Avatar Lê Vĩnh Thiện @le.vinh.thien
May 15th, 2019 4:03 p.m.

@jonyu đâu cần nhớ hết đâu bạn. cần cái nào thì lấy cái đó thôi :v

May 16th, 2019 2:57 a.m.
Avatar Nguyen Duc Duy @nguyenduybframgia
May 22nd, 2019 7:10 a.m.

@jonyu dễ hiểu thôi mà, ngta chỉ đặt tên cho 1 số màu cơ bản tượng trưng, 1 màu xanh có hàng chục màu xanh khác nhau, ai mà đặt tên cho từng cái màu để lôi ra dùng chứ, ví dụ "xanh hơi nhàn nhạt", "xanh nhàn nhạt", "xanh rất nhàn nhạt", "xanh mạ non", "xanh mạ hơi non"... sao, ngta sẽ chỉ đặt là "green" cho 1 mã màu xanh lá cơ bản, thế thôi, còn muốn tuỳ chỉnh thì bạn edit mã màu cho phù hợp thiết kế, đi làm dự án thưc tế cũng vậy, ngta tuỳ chỉnh rất linh động mã màu, thực chất rất hiếm khi ngta dùng mấy màu cơ bản red, black, yellow, blue... vì mấy màu này ko dịu mắt chút nào, mà sẽ là #123456 gì đó tuỳ ý, chỉnh đến khi nào đẹp thì thôi, chả cần quan tâm nó đc gọi là gì, chỉ khó cho frontend là khi đặt tên biến theo mã màu đó, nó vừa giống màu đen vừa giống màu xám chẳng hạn, bạn có thể đặt là $grey-dark (xám đậm) 😃) đó là sự thật, cái tên chỉ là cái tên, mã mới quan trọng

Đã trả lời May 16th, 2019 4:26 a.m.
+3

Mình không hiểu tại sao bạn cần dùng chocolate2, chocolate3 thay vì chỉ rõ mã màu.

Nên nhớ là trong thực tế Front End yêu cầu độ chính xác cao, giống hoàn toàn design từ mã màu đến từng pixel, từng margin, padding.

Các màu có sẵn như vậy là màu do trình duyệt quy định. Trang web của bạn đang dùng màu đỏ tươi (red), một ngày đẹp trời ghé vào trang thì bạn thấy màu đỏ đã bị lệch 1 tí sang đỏ thẫm, chỉ đơn giản là vì browser update lại mã màu :v hâu quả là trên các phiên bản trình duyệt khác nhau web hiện màu khác nhau, hoặc giữa 2 trình duyệt khác nhau nó render ra 2 màu không giống nhau.

Trong dự án thực tế thì không ai dùng tên màu có sẵn như vậy đâu bạn nhé, đừng nên lười.

Chia sẻ
Avatar hồ @jonyu
May 16th, 2019 6:28 a.m.
Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí