본문 바로가기
반응형

CSS8

전자책(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-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 - 들여쓰기 text-indent epub전자책 제작을 위한 css실습입니다. 들여쓰기 text-indent에 대해 알아보겠습니다.  1. 들여쓰기 속성들여쓰기를 조정해 주는 css속성은 text-indent 입니다.  2. 글자 간 간격 속성값속성값은 숫자를 사용하면 됩니다. 0을 기준으로 값이 커질수록 더 많이 들여쓰기가 됩니다. 값을 음수로 쓰게 되면 내어쓰기 형태가 만들어집니다.  보통 속성의 단위는 em단위를 씁니다. 1em이라면 글자 한개 크기만큼 들여쓰기가 됩니다. 단위를 %로 쓰게 되면 전체 화면의 일정 비율만큼 들여쓰기가 됩니다.   3.  css, html 적용들여쓰기 css, htmlcss에 아래와 같이 스타일을 만듭니다. .indent1{text-indent: 1em;}html에는 아래와 같이 적용합니다. inden.. 2024. 11. 21.
반응형

티스토리툴바