본문 바로가기
반응형

분류 전체보기24

webp파일 jpg변환 방법 이미지를 다운받았는데 webp라서 당황한 적이 있다면 간단하게 jpg파일로 변환하는 방법이 있습니다.  구글 크롬 확장프로그램 이용(이미지 다운로드 시) 1. 위의 링크로 "Save Image as Type" 프로그램 페이지로 이동합니다. 혹은 구글 웹스토어에서 "Save Image as Type"으로 검색해도 됩니다.  2. "크롬에 추가"를 클릭해 크롬브라우저에 프로그램을 설치합니다.  3. 설치 후 이미지를 다운받을 때, 마우스 오른쪽을 클릭 -> "사진을 JPG/PNG/Webp로 저장" -> "JPG로 저장"을 선택하면 JPG 포맷으로 저장됩니다.  온라인 사이트 이용 - Convertio크롬을 사용하지 않거나, 이미 다운로드 받은 webp이미지들을 jpg파일로 변환하고 싶다면 온라인 사이트를 이.. 2024. 12. 16.
전자책(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.
반응형

티스토리툴바