반응형 전자책6 전자책(epub)제작을 위한 css - 여백 설정 margin, padding epub전자책 제작을 위한 css실습입니다. 오늘은 단락 사이의 여백을 설정하는 margin과 padding입니다. 1. 여백 설정 속성 margin, padding여백을 설정하는 속성은 margin, padding입니다. * margin과 padding은 웹페이지의 요소들(텍스트, 이미지 등)를 배치하고 정리하는데 중요한 역할을 합니다. * margin은 요소(상자)와 다른 요소들 사이의 바깥 여백입니다. * padding은 요소 안에 있는 내용(텍스트나 이미지)와 요소의 테두리(border)사이의 안쪽 공간입니다. margin, padding은 위, 아래, 왼쪽, 오른쪽으로 4방향이 있습니다. * margin-top: 바깥여백 위* margin-bottom: 바깥여백 아래* margin-left:.. 2024. 12. 3. 전자책(epub)제작을 위한 css - 글자에 줄 긋기 text-decoration epub전자책 제작을 위한 css실습입니다. 글자에 줄을 그어주는 text-decoration에 대해 알아보겠습니다. 1. 글자에 줄 긋기 속성글자에 줄을 그어주는 속성은 text-decoration 입니다. 2. 속성값text-decoration에 사용하는 속성은 underline, overline, underline overline, line-through 가 있습니다. underline은 밑줄overline은 윗줄underline overline은 위아래 줄line-through는 취소선입니다. 웹에서는 이 선의 색이나 두께를 지정할 수 있지만 epub에서는 선의 종류만 적용이 됩니다. 선과 글자의 간격도 고정입니다. 3. css, html css에 아래와 같이 스타일을 만듭니다. .emp.. 2024. 11. 26. 전자책(epub)제작을 위한 css - 배경색 background epub전자책 제작을 위한 css실습입니다. 배경색을 바꿔주는 background에 대해 알아보겠습니다. 1. 배경색 속성 background배경색을 바꿔주는 css속성은 background 입니다. 2. 배경색 속성값속성값은 색의 영문명이나 색의 HTML코드값을 씁니다.색의 HTML코드값을 확인하는 가장 간단한 방법은 네이버에서 "색상팔레트"라고 검색한 뒤 색을 찍어서 나오는 코드값을 복사-붙여넣기 하면 됩니다. 색상팔레트 : 네이버 검색'색상팔레트'의 네이버 검색 결과입니다.search.naver.com 3. CSS, HTML 연습 3.1. css에 아래와 같이 스타일을 만듭니다. .back1{background: yellow;} 3.2. html에는 아래와 같이 적용합니다. back1".. 2024. 11. 25. 전자책(epub)제작을 위한 css - 줄바꿈 word-break epub전자책 제작을 위한 css실습입니다. 줄바꿈을 해주는 word-break에 대해 알아보겠습니다. 속성줄바꿈을 해주는 css속성은 word-break입니다. word-break는 텍스트가 줄바꿈이 될때 어떻게 나누는지에 대해 설정하는 속성입니다. 텍스트의 가독성을 유지하거나 디자인에 일관성을 주고 싶을때 사용을 합니다. 실제 전자책 제작에 사용빈도는 높지 않습니다. 속성값word-break에서 사용하는 속성값은 normal, break-all, keep-all 입니다. normal은 기본값입니다. 기본적인 단어를 나누는 규칙을 따릅니다. normal은 word-break속성을 적용하지 않은 것과 같습니다. break-all은 단어 단위로 줄 바꿈을 하지 않고, 문자 단위로 강제로 줄 바꿈을 .. 2024. 11. 18. 이전 1 2 다음 반응형
