Tôi đã giới thiệu video hướng dẫn nơi nhà thiết kế đã sử dụng font: 0/0 a; để thay thế hình ảnh, vì vậy tôi nhận được rằng 0 là font-size, một 0 khác là line-height nhưng nhà thiết kế bỏ qua phần a.Chữ "a" đứng trong phông chữ: 0/0 a;
Vì vậy, điều đó làm gì a chính xác ở đó?
http://nicolasgallagher.com/another-css-image-replacement-technique/
phông chữ: 0/0 a - một tài sản viết tắt là số không ra kích thước phông chữ và line-height. Giá trị hoạt động như một họ phông chữ rất ngắn (ý tưởng được lấy từ việc triển khai BEM của phương thức này). Trình xác thực CSS phàn nàn rằng việc sử dụng 0/0 trong thuộc tính phông chữ viết tắt là không hợp lệ, nhưng mọi trình duyệt đều chấp nhận và điều này có vẻ là lỗi trong trình xác thực . Sử dụng phông chữ: 0px/0 xác thực qua nhưng nó được hiển thị dưới dạng phông chữ: 0/0 một trong mã mà trình xác thực cờ đánh dấu là hợp lệ.
Đặt 'a' chỉ có vẻ cần thiết trong ký pháp viết tắt. Longhand 'font-size: 0; line-height: 0' hoạt động quá có vẻ như https://codepen.io/ryanve/pen/OzOKNd – ryanve
a là tên phông chữ và dĩ nhiên không ai có phông chữ theo tên đó được cài đặt.
Nó chỉ được sử dụng để đáp ứng cú pháp CSS và phông chữ mà trình duyệt cho rằng nó nên sử dụng từ đó không quan trọng vì nó sẽ không được sử dụng để hiển thị bất kỳ văn bản nào.
Nếu bạn sử dụng hình ảnh đó để loại bỏ khoảng cách xung quanh hình ảnh, hãy cân nhắc sử dụng display:block để thay thế.
Có liên quan: [Cú pháp viết tắt phông chữ] (http://www.w3.org/TR/CSS21/fonts.html#propdef-font). Điều gì sẽ xảy ra nếu bạn chạy cùng một mã, trừ 'a'? – Sampson