Màu sắc, đơn vị tính trong CSS

Ảnh minh họa về màu sắc, đơn vị tính trong css

Tìm hiểu cách sử dụng màu sắc trong css

Sử dụng màu sắc trong css ta sử dụng các hệ màu sắc sau:

+ Hệ màu RGB: Là sự kết hợp của 3 màu cơ bản đỏ (Red), xanh lá cây (Green) và xanh dương (Blue) để tạo ra các màu từ 3 màu này.

+ Hệ màu thập lục phân - HEX: HEX là viết tắc của từ "hexadecimal", cách viết: gồm dấu "#" kết hợp với dãy ký tự Latin, không phân biệt chữ hoa hay chữ thường, các ký tự Latin có thể chấp nhận là: a,b,c,d,e,f,A,B,C,D,E,F.

VD1: color: "#cccccc" (css màu xám) hoặc có thể rút gọn thành 3 ký tự #ccc

VD2: color: "#FF0000" (css màu đỏ) hoặc có thể rút gọn thành 3 ký tự #F00

+ Tên màu (bằng tiếng anh).

VD3: color="red"

Tìm hiểu đơn vị tính trong css

Trong css có 2 loại đơn vị đo lường là Absolute Units (đơn vị tuyết đối) và Relative Units (đơn vị tương đối)

Đơn vị tuyệt đối : Là các đơn vị đã được định nghĩa sẵn và đại diện cho các đơn vị đo lường vật lý như đơn vị pixel (một px sẽ tương đương với một điểm ảnh trên màn hình hiển thị), point  (point được tính 1 inch = 72pt)

Đơn vị tương đối : Là các đơn vị được sử dụng trong CSS ở mức tương đối, nghĩa là nó có thể sẽ được thay đổi bởi các thành phần khác như thay đổi phụ thuộc vào kích thước màn hình. Các đơn vị tương đối được sử dụng trong CSS gồm có: em (Độ rộng của kí tự trong font chữ đang sử dụng), ex (Độ cao của kí tự thường trong font chữ đang sử dụng), % (Là đơn vị tham chiếu tỷ lệ so với một phần tử mẹ của nó dựa vào kích thước. Ví dụ bạn có một cái màn hình với kích thước là 1024 px và 2 cột có kích thước là 50% thì nó sẽ là 512 px)

Video tham khảo Màu sắc, đơn vị tính trong CSS

Hãy ấn đăng ký, like và share nếu thấy video này hữu ích thay vì lời cám ơn!