어제 오늘 내일

지난 번에는 텍스트의 줄높이, 즉 행간격을 조정하는 방법을 알아보았습니다. [HTML/CSS] 텍스트 줄간격 설정하기 (line-height) [HTML/CSS] 텍스트 줄간격 설정하기 (line-height) CSS의 line-height 속성을 지정하여 텍스트의 줄간격(줄 높이)을 지정할 수 있습니다. line-height CSS의 line-height 속성은 텍스트 라인의 높이를 지정합니다. 주로, 줄간격을 지정하는데 많이 사용됩니다. hianna.tistory.com 자간 간격 설정하기 자간(글자 간격) 또는 단어 간격을 조정하기 위해서 CSS의 letter-spacing, word-spacing 속성을 사용할 수 있습니다. letter-spacing 글자 사이의 간격을 조정합니다. 양수 값을 사..

CSS의 line-height 속성을 지정하여 텍스트의 줄간격(줄 높이)을 지정할 수 있습니다. line-height CSS의 line-height 속성은 텍스트 라인의 높이를 지정합니다. 주로, 줄간격을 지정하는데 많이 사용됩니다. 허용 값 number - 해당 element의 폰트 사이즈를 기준으로 계산됩니다. ex) 폰트 사이즈 * number length - px, em 등의 단위를 사용합니다. percentage - 폰트 사이즈를 기준으로 계산됩니다. ex) 폰트사이즈 * percentage / 100 keyword "normal" - 브라우저에 지정된 값으로 설정됩니다. 위 허용 값들 중 'number'를 사용하기를 추천합니다. 줄간격 설정하기 default 기본값 default 기본값 def..

CSS의 text-indent 속성을 사용하면 텍스트 단락의 들여쓰기와 내어쓰기의 정도를 설정할 수 있습니다. text-indent 속성 CSS의 text-indent 속성을 사용하면, 블록에서 텍스트 앞에 놓이는 공간의 길이를 설정할 수 있습니다. 기본값 : 0 허용값 length : px, em 등 percentage : ex) 10% 등 값이 양수일 경우, 들여쓰기가 됩니다. 값이 음수일 경우, 내어쓰기가 됩니다. 단락 들여쓰기 안녕하세요. 만나서 반갑습니다. 안녕하세요. 만나서 반갑습니다. 안녕하세요. 만나서 반갑습니다. 안녕하세요. 만나서 반갑습니다. 안녕하세요. 만나서 반갑습니다. 안녕하세요. 만나서 반갑습니다. 안녕하세요. 만나서 반갑습니다. 안녕하세요. 만나서 반갑습니다. 안녕하세요. 만나..

이 포스팅은 제가 OPIC 시험을 준비하며, 제가 공부하기 위해 정리해 본 내용입니다. 따라서, 잘못된 내용이나 더 나은 표현이 있다면 알려주세요! 😊 시작 만나서 반가워요 It's nice to meet you. 오늘 이자리에 오게 되서 기뻐요 I'm very excited to be here today. I'd like to say that I'm very excited to be here today. 제 소개를 좀 해 볼게요. Let me tell you a little about myself. 나이 저는 21세입니다. I'm 21 years old. 20대 초반/중반/후반, 10대 저는 20대 초반입니다. I'm in my early 20s. 저는 20대 중반입니다. I'm in my mid 20..

cursor 웹에서 마우스 커서의 모양은 자동으로 변경됩니다. 링크가 있을 경우 손가락 모양으로, 텍스트를 입력하는 란에서는 텍스트 입력 커서로 자동으로 변경됩니다. 마우스 커서를 사용자 임의로 변경할 수도 있습니다. 이때, CSS의 cursor 속성을 사용합니다. 예제 손모양 로딩중 돋보기 .pointer { cursor: pointer; } .wait { cursor: wait; } .zoomin { cursor: zoom-in; } 위 예제는 각 텍스트에 마우스 포인터를 가져가면 cursor 속성에 정의된 값에 따라 커서의 모양이 변경됩니다. (pointer, wait, zoom-in) 좀 더 많은, 커서의 모양은 다음의 MSDN 문서를 참고하세요. https://developer.mozilla.o..