반응형 전체 글24 전자책(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. 티스토리 개인 도메인 연결 오류 해결 방법 어제부터 2차도메인으로 연결했던 티스토리 페이지가 열리지 않았습니다. 일시적인 문제인가 해서 그냥 두고 있었는데 개인 도메인 연결 오류를 해결하라는 메일까지 받았습니다. 이 글에서는 티스토리 2차도메인 연결시 개인 도메인 연결 오류를 해결한 방법을 알려드립니다. 요약해결방법1티스토리 개인 도메인 설정 -> DNS 설정 정보 -> 새로고침 -> 10분~20분 사이에 해결 해결방법2 - 1로 해결이 안될때호스팅사이트(저의 경우 호스팅케이알) -> 네임서버/DNS설정 페이지 -> 블로그-티스토리 레코드 추가 -> 티스토리 개인 도메인 설정 -> DNS 설정 정보 -> 새로고침 -> 10분~20분 사이에 해결 1. 개인 도메인 연결 오류 제가 받은 2차도메인으로 페이지가 열리지 않더니 위와 같은 메일을 받았.. 2024. 11. 22. 전자책(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. 전자책(epub)제작을 위한 css - 글자 간 간격 letter-spacing epub전자책 제작을 위한 css실습입니다. 글자 간 간격을 조정해 주는 letter-spacing에 대해 알아보겠습니다. 1. 글자 간 간격 속성글자 간 간격을 조정해 주는 css속성은 letter-spacing 입니다. 2. 글자 간 간격 속성값속성값은 숫자를 사용하면 됩니다. 값이 양수면 간격이 넓어지고, 음수면 간격이 좁아집니다. 전자책(epub)에서는 letter-spacing은 잘 사용하지 않습니다. 가끔 특정한 부분에서 자간이 벌어지는 경우에만 해당 부분만 묶어 자간을 좁힙니다. 3. css, html 적용css에 아래와 같이 스타일을 만듭니다. .ls1{letter-spacing: 2em;} html에는 아래와 같이 적용합니다. ls1">자간 설정하기 시길(Sigil)에서는 아래와.. 2024. 11. 19. 전자책(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. 전자책(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. 이전 1 2 3 다음 반응형
