Как аккуратно отформатировать код в HTML/CSS? Я особенно хочу использовать числовые выноски круга, с Python Docutils, если я могу

См.: http://diveintopython.net/native_data_types/lists.html

У меня есть веб-сайт с примерами кода, созданный через docutilsи CSS всегда не совсем прав.

Я хотел бы знать, если есть

  • CSS наилучшей практики для отображения кода (т. е. может ли он обрабатывать переносы, длинные строки, любой шанс получить цвет)

  • лучшая практика для маленьких числовых выносок (см. выше diveintopython)

и, наконец, мне интересно, есть ли (открытый) CSS, который разработан для работы с выходными документами HTML и действительно выглядит "красиво". Я был бы рад представить некоторые CSS, которые придают таблицам "профессиональный серый Microsoft" и так далее.

Источник

1 ответ

Решение

Вы не можете делать подсветку синтаксиса только с помощью CSS. Вам нужно разметить различные части кода; Вы можете сделать это на сервере, если вы используете динамические страницы, или вы можете использовать JavaScript на клиенте. Вот сравнение нескольких подсветок синтаксиса JavaScript.

Числа в кружках - это изображения на сайте, на который вы ссылаетесь, но я бы вместо этого использовал Юникод: ❶➋➌➍➎➏➐➑➒➓

Источник
Другие вопросы по тегам