본문 바로가기
반응형

전자책제작11

전자책(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 - 목록 스타일 list-style epub전자책 제작을 위한 css실습입니다. 오늘은 목록(list)의 모양을 설정하는 list-style입니다.  1. 목록 모양 속성 list-style전자책에서 목록 앞의 기호 모양을 설정하는 속성은 list-style 입니다.  2. 목록 모양 속성값속성값은 리스트 앞에 붙는 기호들의 모양에 따라 아래와 같습니다.  disc - 기본 원형(기본값)circle - 빈 원형square - 사각형none - 기호 없음decimal - 1,2,3... 숫자로 표시lower-alpha - a,b,c... 소문자 알파벳upper-alpha - A,B,C...  대문자 알파벳lower-roman - i, ii, iii... 소문자 로마 숫자upper-roman - I, II, III... 대문자 로마 숫자 3... 2024. 11. 29.
전자책(epub)제작을 위한 css - 강조점 text-emphasis-style epub전자책 제작을 위한 css실습입니다. 글자에 특별한 표시를 해서 강조하고 싶을 때 사용하는 text-emphasis-style에 대해 알아보겠습니다. 실제 전자책 제작시 많이 사용하지는 않지만 글자에 강조표시를 할 때 사용할 수 있습니다.  1. 강조점 속성 - text-emphasis-style글자에 강조점을 찍는 스타일은 text-emphasis-style 입니다. 전자책에서 사용할때는 앞에 -webkit, -epub 두개의 접두어를 붙여서 사용합니다.   2. 속성값속성값은 위의 기호 모양에 따라 달라집니다. dot: 작은 점 모양circle: 빈 동그라미triangle:  작은 삼각형sesame: 참깨 모양double-circle: 두 겹의 동그라미  3. css/htmlcss에는 아래와 .. 2024. 11. 27.
전자책(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.
반응형

티스토리툴바