블로그 포스팅>> ul, ol, li, blockquote 를 일괄적으로 적용하기.

Sa-E News 를 작성하면서, ul, ol, li, blockquote 를 자주 활용한다.

템플릿에서 html 설정을 해 주면 되는데,

ul 은 순서없는 목록, ol 은 숫자가 붙는 목록, li 는 그 목록, 그리고 blockquote 는 인용구를 뜻한다.
css 를 잘 모르기에 이것저것 해 보고 시도해 보면 된다;;

.post ul {
  margin: -5px 100px 0 20px; 바깥쪽 여백이다. 숫자는 위, 오른쪽, 아래, 왼쪽이다.
  padding: 0 5px; 안쪽 여백이다.
  /*text-indent: -15px;*/ 들여쓰기다.
  list-style: none; 리스트 스타일을 정의한다. 
  background-color: #CEE0FF; 백그라운드 색을 정한다. 참고로 텍스트 컬러는 그냥 color : 로 정의하면 된다.
}
.post ol {
  margin: -5px 100px 0 30px;
  padding: 0 5px;
  /*text-indent: -15px;*/
  list-style: lower-roman;
  background-color: #AAFFB1;
}
.post li {
  margin: 2px 0 5px 30px;
  padding: 0 0 .2em 5px;
  /*text-indent: -15px;*/
  /*line-height: 1.5em;*/
}
.post blockquote {
  margin: 0;
  padding: 10px 10px 10px 10px;
  background-color: #FFFFAA;
}

리스트 스타일 참조 : http://trio.co.kr/webrefer/css2/generate.html
Trio 홈페이지 - 생성된 내용, 자동 번호붙이기와 목록 - CSS2 규격 번역문