[스타일시트] 전자책 편집을 위한 스타일시트

전자책 편집을 위한 스타일시트

CSS란?

CSS(Cascading Style Sheets)는 문서의 스타일을 정의하는 언어입니다. 전자책에서도 텍스트 스타일, 레이아웃, 색상 등을 조절하기 위해 사용됩니다.

전자책에서 중요한 CSS 속성

글자와 폰트

1. `font-family`: 글자의 폰트를 지정합니다.

    body {
      font-family: "Times New Roman", serif;
    }

   
2. `font-size`: 글자 크기를 설정합니다.

    p {
      font-size: 16px;
    }

3. `font-weight`: 글자의 두께를 설정합니다.

    strong {
      font-weight: bold;
    }

4. `line-height`: 줄 간격을 조정합니다.

    p {
      line-height: 1.5;
    }

문단과 여백

1. `text-align`: 텍스트 정렬을 설정합니다.

    h1 {
      text-align: center;
    }

2. `margin`과 `padding`: 요소의 외부와 내부 여백을 설정합니다.

    p {
      margin: 10px;
      padding: 5px;
    }

3. `text-indent`: 문단 첫 줄 들여 쓰기를 설정합니다.

    p {
      text-indent: 1em;
    }

색상과 배경

1. `color`: 글자 색상을 지정합니다.

    p {
      color: #333333;
    }

2. `background-color`: 배경 색상을 설정합니다.

    div {
      background-color: #f9f9f9;
    }

전자책에 특화된 CSS

1. `page-break-before`와 `page-break-after`: 페이지 분할을 설정합니다.

    h1 {
      page-break-before: always;
    }

2. `@page`: 페이지 크기, 여백 등을 설정합니다.

    @page {
      size: 6in 9in;
      margin: 10%;
    }

예시: 전자책용 스타일시트

 

/* 기본 글자와 폰트 설정 */
body {
  font-family: "Times New Roman", serif;
  font-size: 16px;
  line-height: 1.5;
}

/* 제목 스타일 */
h1 {
  text-align: center;
  page-break-before: always;
}

/* 문단 설정 */
p {
  margin: 10px 0;
  text-indent: 1em;
  color: #333333;
}

/* 페이지 설정 */
@page {
  size: 6in 9in;
  margin: 10%;
}

전자책 편집에 필요한 기본적인 스타일시트 속성과 사용 방법을 소개했습니다.