반응형 css연습13 전자책(epub)제작을 위한 css - 문장정렬 text-align epub전자책 제작을 위한 css실습입니다. 문장 정렬 text-align에 대해 알아보겠습니다. 문장정렬 속성문장정렬을 바꿔주는 css속성은 text-align 입니다. 문장정렬 속성값속성값은 4개 입니다. left - 왼쪽 정렬justify - 양쪽 정렬center - 가운데 정렬right - 오른쪽 정렬 전자책 본문에 가장 많이 사용하는 속성값은 justify(양쪽 정렬)입니다. 종종 left(왼쪽 정렬)를 사용하기도 합니다. 양쪽 정렬은 양쪽 끝이 잘 맞지만 영문, 기호 등이 들어가는 경우 자간이 벌어지는 경우도 있습니다. 왼쪽 정렬은 자간이 벌어지지은 않지만 오른쪽 끝이 약간 들쑥날쑥하게 보일 수 있습니다. 본인이 보고 마음에 드는 속성값을 쓰시면 됩니다. 문장정렬 CSS, HTMLcss.. 2024. 11. 15. 전자책(epub)제작을 위한 css - 글자색 color epub전자책 제작을 위한 css실습입니다. 글자색 설정 color에 대해 알아보겠습니다. 글자색 속성글자색을 바꿔주는 css속성은 color 입니다. 글자색 속성값속성값은 색의 영문명을 쓰거나 html색상코드값을 넣으면 됩니다. 영문명은 red, blue, yellow 이런 식으로 색의 이름을 적으면 됩니다. html색상값은 #FFE400, #0100FF 이런 식으로 넣으면 됩니다. html색상코드값을 찾는 가장 간단한 방법은 네이버의 "색상팔레트"를 이용하는 것입니다. 1. 네이버에서 "색상팔레트"라고 검색합니다. 2. 원하는 색을 선택합니다. 3. 상단의 html 색상 코드값을 복사합니다. 글자색 css, html 연습css에 아래와 같이 스타일을 만듭니다. .c1{color: red;}.. 2024. 11. 14. 전자책(epub) 제작 css - 행간(줄간격 조정) line-height epub전자책 제작을 위한 css실습입니다. 행간 조정에 대해 알아보겠습니다. 속성행간(줄간격)을 바꿔주는 css속성은 line-height 입니다. 속성값속성값은 숫자를 씁니다. 단위는 em단위를 씁니다. 보통 전자책 본문 행간으로 1.8em ~ 2.1em을 가장 많이 사용합니다. CSS, HTML연습css에 아래와 같이 스타일을 만듭니다. .line1{line-height: 1.8em;} html에는 아래와 같이 적용합니다. line1">행간이 1.8em 예제본문의 행간을 1.8em으로 하는 전자책을 시길(Sigil)에서 만들어 보겠습니다. 위는 스타일을 적용하기 전의 미리보기 모습입니다. 시길(Sigil)의 css에서.line1{line-height: 1.8em;} 이라고 스타일을 만듭니.. 2024. 11. 12. 전자책(epub)제작 css - 글꼴설정하기 font-family 전자책(epub)을 만들때 필수적으로 들어가야 하는 것 중 하나가 폰트입니다. 이 글에서 전자책(epub)을 만들때 서체를 적용하는 방법에 대해 남깁니다. 속성글꼴을 바꿔주는 css 속성은 font-family입니다. 속성값속성값은 서체에 지정한 이름을 쓰면 됩니다. font-family: "kopub_bat_l"; 전자책 기본 글꼴전자책(epub)제작시 본문에 가장 많이 사용하는 글꼴은 Kopub바탕체, 네이버 나눔명조입니다. 두 서체 모두 무료로 이용이 가능합니다. 전자책(epub)제작 시 폰트 적용 방법 서체파일 시길에 삽입 -> css에 서체파일 연결 -> css에 글꼴 변경 스타일 작성 -> html에 적용 1. 서체파일을 시길에 넣기1. 기존파일추가 선택2. 넣고 싶은 서체파일 선택3... 2024. 11. 7. 이전 1 2 3 4 다음 반응형
