Tên của màu sẽ được hiển thị trên giao diện đầu ra được viết trong thuộc tính nền đó. Ví dụ, ' nền: đỏ ” sẽ đặt màu nền là đỏ. Tương tự, để giữ cho nền đơn giản hoặc xóa màu nền, “ không có ' Và ' trong suốt ” được sử dụng trong thuộc tính nền thay vì tên của một màu.
Cả background:none và background:transparent đều hiển thị kết quả giống nhau khi chúng loại bỏ hoàn toàn nền. Vì vậy, không có sự khác biệt lớn giữa công việc của cả hai.
Sự khác biệt giữa “background:none” và “background:transparent” trong CSS
Các ' bối cảnh: không có ' Và ' nền: trong suốt ”, cả hai đều được sử dụng cho cùng một mục đích. Họ đặt màu nền là không có hoặc xóa màu khỏi nền.
Tuy nhiên, nếu chúng ta suy nghĩ chín chắn và cố gắng tìm ra sự khác biệt giữa chúng thì có thể có hai sự khác biệt:
- Sự khác biệt chính giữa hai từ này là chúng là những từ khác nhau với số lượng ký tự khác nhau trong đó. Vì vậy, nhiều người tin rằng khi chúng được sử dụng nhiều lần trong một tài liệu khổng lồ ở những nơi khác nhau, thì tài liệu sử dụng “ bối cảnh: không có ” có thể mất ít thời gian hơn để được biên dịch vì không có số ký tự nào ít hơn so với trong suốt.
- Nếu chúng ta nói về cách chúng được biên soạn, thì, “ bối cảnh: không có ” đặt hình nền thành không hoặc giả sử xóa màu nền. Mặt khác, “ nền: trong suốt ” đặt màu trong suốt làm nền của văn bản hoặc toàn bộ giao diện (bất kỳ màu nào được đề cập trong phần tử kiểu CSS).
Tuy nhiên, những loại khác biệt này có thể bị bỏ qua nếu chúng ta nói về tác động của chúng đối với giao diện đồ họa vì cuối cùng sẽ không có sự khác biệt nào.
Ví dụ: Áp dụng nền: không có và nền: trong suốt
Hãy thực tế chứng minh rằng “ bối cảnh: không có ' Và ' nền: trong suốt ” làm điều tương tự với giao diện. Viết một đoạn mã để biết tác động của thuộc tính nền CSS với cả không và trong suốt:
< h2 nhận dạng = 'chữ' >Đây là một văn bản đơn giản để giải thích mục đích của background:none và background:transparent
< / h2 >
Trong đoạn mã được đề cập ở trên, có một tiêu đề được tạo trong tài liệu HTML và nó đã được cấp một id có tên là “ chữ ”.
Thêm thuộc tính nền CSS
Văn bản đã được cung cấp một id, vì vậy hãy tạo một bộ chọn id trong phần tử kiểu CSS và chỉ cần thêm “ bối cảnh: không có ” tài sản trong đó:
# chữ {lý lịch : không có ;
}
Tương tự, để viết “ nền: trong suốt ” tài sản, không có sự khác biệt trong phương pháp. Đơn giản chỉ cần thay thế “ không có ' với ' trong suốt ”:
# chữ {lý lịch : trong suốt ;
}
Cả “ bối cảnh: không có ' Và ' nền: trong suốt ” sẽ tạo ra cùng một đầu ra:
Điều đó có nghĩa là không có sự khác biệt giữa hai loại này và chúng được biên dịch theo cùng một cách.
Thêm thuộc tính nền với tên màu
Bây giờ, nếu chúng ta thêm tên màu thay vì viết “ không có ' Và ' trong suốt ”, đầu ra sẽ không bao giờ giống với đầu ra được tạo bởi “ bối cảnh: không có ' Và ' nền: trong suốt ”. Chẳng hạn, chúng tôi viết một tên màu trong thuộc tính nền:
# chữ {lý lịch : xanh nhạt ;
}
Sự khác biệt là rõ ràng. Nó không hiển thị cùng một đầu ra như trong trường hợp bối cảnh: không có Và nền: trong suốt :
Điều này tổng hợp sự khác biệt giữa nền: không có và nền: trong suốt.
Phần kết luận
Nền: không có và nền: trong suốt được sử dụng để loại bỏ màu nền và để đặt màu nền là trong suốt tương ứng. Tuy nhiên, vì cả hai đều có tác động chính xác như nhau đối với giao diện đầu ra, nên cả nền: không và nền: trong suốt đều có thể được sử dụng cho cùng một mục đích.