HTML/CSS에서 코드를 깔끔하게 포맷하는 방법은 무엇입니까? 나는 특히 내가

Question

볼 수있는 경우 파이썬 Docutils로, 수치 원 콜 아웃을 사용하려면 : http://diveintopython.net/native_data_types/lists.html#d0e5623

내가 docutils를 통해 생성 거기에 코드 예제와 웹 사이트를 가지고 있고, CSS는 항상 매우 옳지 않다.

내가

• 모범 사례 CSS 코드를 표시하기 위해이 있는지 알고 싶습니다 (즉,이 랩 어라운드, 긴 줄, colourisation을 얻기의 기회 처리 할 수 ​​있습니다)에 대한

• 모범 사례 작은 숫자 콜 아웃 (위의 diveintopython 참조)

그리고 마지막으로, 나는 (오픈) CSS가 docutils HTML 출력 및 실제로 "좋은"보세요. 나는 테이블을 "마이크로 소프트 프로 그레이 (microsoft professional grey)"처럼 보이게 만드는 CSS를 기부 해 드리겠습니다.

Answer 1

CSS만으로는 구문 강조를 할 수 없습니다. 마크 업하려면 코드의 여러 부분이 필요합니다. 동적 페이지를 사용 중이거나 클라이언트에서 JavaScript를 사용할 수있는 경우 서버에서이 작업을 수행 할 수 있습니다. Here은 몇 가지 JavaScript 구문 하이 라이터 비교입니다.

원으로 둘러싸인 숫자는 당신이 링크 된 사이트에있는 이미지입니다,하지만 난 대신 유니 코드를 사용합니다 : ❶➋➌➍➎➏➐➑➒➓