CSS là một ngôn ngữ kiểu dáng chung và cũng bao gồm các thuộc tính để đánh dấu âm thanh . Mặc dù không có cái nào trong số này được trình duyệt chính triển khai, nhưng nó có thể hữu ích cho trình đọc màn hình (nhưng tôi không biết liệu có thực hiện được điều đó không, xem xét rằng đánh dấu âm thanh không phổ biến trong trò chơi hoang dã).
Tôi, như một người nhìn thấy, viết CSS trong một vòng phản hồi chặt chẽ, nơi tôi thay đổi một chút CSS và sau đó xem cách trang thay đổi. Nếu phản hồi này là không thể hoặc rất khó khăn, chúng ta phải quay lại các nguyên tắc thiết kế và hy vọng rằng chúng sẽ hoạt động tốt.
Tỷ lệ dễ quản lý hơn khi chúng ta nghĩ về trang như một lưới. Một bộ phận phổ biến là sử dụng hàng trên cùng để điều hướng và tiêu đề, và cột bên phải cho nội dung liên quan. Cột bên trái được sử dụng cho nội dung chính và rộng khoảng hai đến ba lần so với cột bên phải. Đây là cách các trang web Stack Exchange được hiển thị. Trong CSS, điều này có thể được thực hiện với display: tablevà các kiểu hiển thị có liên quan table-rowvà table-cell, hoặc với mô hình flexbox mới hơn. Các tỷ lệ chính xác là đáng ngạc nhiên không quan trọng.
Một trang trông đẹp hơn khi được đặt ở giữa theo chiều ngang.
Người ta không phải sử dụng nhiều màu sắc: Có màu nền (thường là màu sáng và không bão hòa) và màu văn bản (thường là màu tối và bão hòa). Chúng tôi có thể giảm độ tương phản độ sáng để giảm bớt văn bản như chú thích, dòng chữ hoặc các chi tiết khác. Sử dụng mô hình màu HSV sẽ dễ dàng hơn nhiều so với RGB cho việc này. Một số bảng màu tồn tại có thể được sử dụng nếu màu xám trơn quá nhàm chán. Màu sắc nên được sử dụng, nhưng tiết kiệm.
Kích thước phông chữ cũng có thể được sử dụng để biểu thị mức độ quan trọng - các bước 2pt và không bao giờ dưới 9pt có vẻ hợp lý. Đối với văn bản thông thường, không nên vượt quá kích thước phông chữ 14pt. Cùng với nhau, kích thước phông chữ và độ tương phản của văn bản tương tự như âm lượng của lời nói.
CSS cung cấp không chỉ các đơn vị đo lường tuyệt đối như pxhoặc cmmà cả các đơn vị tương đối thích emvà từ khóa thích thinhoặc medium. Sử dụng các phép đo tương đối và các từ khóa này thường dễ dàng hơn.
Văn bản không nên rộng hơn 40em.
Trình duyệt đi kèm với bảng định kiểu mặc định. Chúng không đẹp, nhưng bạn không phải ghi đè lên mọi thứ. Chọn một webfont đơn giản và đặt độ rộng tối đa cho các thành phần văn bản là hai điều quan trọng nhất. Viết HTML ngữ nghĩa rất quan trọng để các kiểu mặc định hoạt động.
Với điều này, nó có thể tạo kiểu cho một blog đơn giản hoặc như vậy. Tuy nhiên:
Mã gỡ lỗi rất khó, thậm chí còn nhiều hơn nếu bạn không thể thấy những gì bạn đang làm. Tôi không nhận được mọi thứ ngay trong lần thử đầu tiên. Nhưng làm thế nào bạn có thể biết khi nào mọi thứ trông giống như đúng?
Một số thứ yêu cầu vị trí chính xác của các yếu tố, ví dụ như trong menu bật lên.
Hình ảnh và biểu tượng có thể thêm nhiều chiều sâu cho một thiết kế, nhưng sẽ rất khó để bạn chọn.
Mô hình hộp CSS thật kinh khủng và thường khó mô phỏng trong đầu bạn.
Tôi cho rằng bạn sẽ có thể viết một chút CSS, nhưng nó sẽ cực kỳ bực bội. Tôi không biết công nghệ hỗ trợ nào tồn tại, nhưng tôi cho rằng phản hồi xúc giác sẽ cho phép bạn thiết kế bố cục chung. Có lẽ lập trình cặp với ai đó có thị lực có thể là một giải pháp tốt cho các chi tiết nhỏ hơn?