Слияние кода завершено, страница обновится автоматически
SPCSS
SPCSS — это простая и понятная таблица стилей для простых текстовых веб-сайтов.
Содержание
Демо
Посмотрите эту демонстрационную страницу, чтобы увидеть, как SPCSS стилизует простую HTML-страницу.
SPCSS поддерживает системы и веб-браузеры с тёмной цветовой темой, поэтому внешний вид страницы зависит от выбранной цветовой темы на вашем компьютере или в браузере.
Если вы не можете изменить тему рабочего стола или браузера прямо сейчас, вот несколько скриншотов, чтобы посмотреть, как выглядит вывод с обеими темами:
Использование SPCSS
Чтобы использовать SPCSS, просто добавьте эту строку кода в элемент <head> вашего HTML-файла:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/spcss@0.9.0">
Или загрузите файл CSS отсюда здесь, отредактируйте и настройте его в соответствии со своими требованиями, а затем используйте его в своём проекте. Вы также можете форкнуть этот репозиторий и настроить его, чтобы поддерживать свою собственную копию sp.css, со стилями, которые вам часто нужны.
URL-адреса CDN
Используйте следующий URL-адрес в теге <link>, чтобы загрузить версию 0.9.0 (текущую версию на данный момент) SPCSS:
https://cdn.jsdelivr.net/npm/spcss@0.9.0
Используйте следующий URL в теге <link>, чтобы всегда загружать последнюю версию SPCSS:
https://cdn.jsdelivr.net/npm/spcss
Если вам нужно что-то действительно легко запоминающееся, используйте этот URL для загрузки последней версии SPCSS:
https://unpkg.com/spcss
Зачем нужен SPCSS?
Я часто разрабатываю преимущественно текстовые веб-сайты и веб-страницы. Стиль по умолчанию, выбранный веб-браузерами, хотя и неплох, оставляет желать лучшего, поэтому я часто добавляю минимальную таблицу стилей, чтобы улучшить внешний вид документа, гиперссылок, блоков кода, цитат, таблиц и т. д. Этот проект содержит минимальную таблицу стилей, которую я часто использую для стилизации простых веб-сайтов и веб-страниц.
Вы можете форкнуть этот репозиторий и настроить его для поддержки своей собственной копии sp.css со стилями, которые вам часто нужны.
Функции
Вот краткое изложение изменений стиля, предоставляемых SPCSS:
— Поддержка тёмной цветовой темы (prefers-color-scheme: dark).
— Максимальная ширина для элемента <body>, чтобы предотвратить слишком большую длину строк. Более короткие строки облегчают нашим глазам оценку начала и конца строк.
— Тёмно-серый (#333) цвет текста вместо чёрного (#000) в светлом режиме.
— Увеличенная высота строки, чтобы добавить больше места вокруг строк.
— Больше полей над заголовками, чтобы отделить их более заметно от предыдущего содержимого.
— Меньше полей под заголовками, а также меньше line-height для полей, чтобы связать их более тесно с последующим содержимым.
— Поддержка привязки заголовка.
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )