CSS является общим языком стилей и включает в себя свойства для разметки текста . Хотя ничего из этого не реализовано в основных браузерах, это может быть полезно для программ чтения с экрана (но я не знаю, реализуют ли они это, учитывая, что разметка звука не распространена «в дикой природе»).
Я, как человек, видящий, пишу CSS в тесной обратной связи, где я немного меняю CSS, а затем наблюдаю, как меняется страница. Если эта обратная связь невозможна или очень трудна, мы должны вернуться к принципам проектирования и надеяться, что они сработают.
С пропорциями легче управлять, когда мы думаем о странице как о сетке. Распространенным делением является использование верхней строки для навигации и заголовков, а также правого столбца для соответствующего содержимого. Левый столбец используется для основного содержимого и примерно в два-три раза шире правого столбца. Примерно так рендерится сайты Stack Exchange. В CSS это может быть реализовано с display: tableсоответствующими стилями отображения table-rowи table-cell, или с более новой моделью flexbox. Точные соотношения на удивление не важны.
Страница выглядит лучше, если она расположена по центру.
Не нужно использовать много цветов: есть цвет фона (обычно что-то яркое и ненасыщенное) и цвет текста (обычно что-то темное и насыщенное). Мы можем уменьшить контрастность яркости, чтобы уменьшить выделение текста, например сносок, подписей или других деталей. Для этого использовать цветовую модель HSV намного проще, чем RGB. Существует ряд цветовых палитр, которые можно использовать, если простой серый слишком скучен. Цвет следует использовать, но экономно.
Размер шрифта также может использоваться для указания важности - шаги 2pt и никогда не ниже 9pt кажутся разумными. Для обычного текста размер шрифта 14pt не должен превышаться. Вместе размер шрифта и контраст текста похожи на объем речи.
CSS предлагает не только абсолютные единицы измерения, такие как pxили, cmно также относительные единицы, такие как emи ключевые слова, такие как thinилиmedium . Использовать относительные измерения и эти ключевые слова часто проще.
Текст не должен быть шире, чем 40em.
Браузеры поставляются с таблицами стилей по умолчанию. Они не красивые, но вам не нужно все переопределять. Выбор простого веб-шрифта и установка максимальной ширины для текстовых элементов - две самые важные вещи. Написание семантического HTML важно для работы стилей по умолчанию.
При этом должно быть возможно оформить простой блог или что-то подобное. Тем не мение:
Отладка кода сложна, особенно если вы не видите, что делаете. Я не понимаю все правильно с первой попытки. Но как вы узнаете, когда все выглядит «правильно»?
Некоторые вещи требуют точного размещения элементов, например, во всплывающем меню.
Изображения и значки могут придать дизайну большую глубину, но вам будет сложно выбрать.
Блочная модель CSS ужасна, и ее часто сложно смоделировать.
Я бы предположил, что вы сможете написать немного CSS, но это будет невероятно сложно. Я не знаю, какие существуют вспомогательные технологии, но я предполагаю, что тактильная обратная связь позволит вам разработать общий макет. Может быть, парное программирование с кем-то со зрением может быть хорошим решением для мелких деталей?