Style3 [CSS] text-indent 사용하기. 두 번째 줄부터 들여쓰기 하려면? 두번째 줄부터 들여쓰기하기기존에는 줄이 넘어가도 들여쓰기 없이 첫줄과 동일한 위치에서 시작 ⦁ {t(data.title)} 두 번째 줄부터 들여쓰기 적용 (text-indent 대신 padding-left)text-indent을 사용하면 모든 줄이 들여쓰기 적용첫 줄은 그대로 두고 두 번째 줄부터 들여쓰기를 적용하려면 padding-left 또는 margin-left를 조합해서 사용 ⦁ {t(data.title)}⇒ 의도한대로 바뀐 것을 확인 2025. 2. 4. HTML & CSS #09 : CSS Layout CSS 포지셔닝 웹 문서 요소를 적절히 배치하는 것 box-sizing 속성 박스 모델 너비 값의 기준을 지정한다. content-box, border-box float 속성 요소를 왼쪽이나 오른쪽으로 floating 하게 만드는 것. left, right, none clear 속성 float 속성을 무효화 시키는 속성 none, left, right, both both 많이 사용 position 속성 웹 문서 안에 요소들을 배치하기 위한 속성 static, relative, absolute, fixed static : 요소를 문서에 흐름에 맞춰 배치 relative : 이전 요소에 연결해 배치. 위치 지정 가능. (left나 top으로 요소 이동 가능) absolute : 원하는 위치에 배치. 부모 요.. 2022. 12. 13. HTML & CSS #06 : 텍스트 스타일 font-family 속성 : 웹 문서에서 사용할 글꼴 지정 구글 웹 폰트 사용하는 방법!! https://hhahee.tistory.com/4 HTML & CSS : 구글 웹 폰트 사용하기 CSS에서 구글 웹 폰트를 지정하여 사용하는 방법이다. 구글 폰트의 주소는 포스트 하단에 추가하였다. 구글 폰트 사이트로 들어간다. 여기서 원하는 글꼴(폰트)를 고른 후, 선택한다. 나는 Nanum Bru hhahee.tistory.com 되도록 구글 웹폰트를 사용하여 글꼴 설정하는 것이 좋다. font-size 속성 글자 크기 조절하는 속성 절대크기, 상대크기, 숫자, 백분율로 값 지정 가능 기본 값은 상대크기의 medium 값이다. px와 em 단위를 많이 사용한다. px 단위를 사용하면 폰트 크기가 고정된다. .. 2022. 12. 13. 이전 1 다음
