타이포그래피2 CSS font-weight, 텍스트 두께 조절을 위한 속성 FONT-WEIGHT 속성이란? 이 속성 역시 font-size, font-family와 함께 다니는 속성인 필수 도구입니다. 웹페이지의 텍스트 두께를 조절하는 역할을 합니다. HTML 태그와 같은 역할 아닌가 싶으시죠? 태그에는 중요하다는 의미가 포함되어 있지만 font-weight는 단순 디자인만 변경하는 것이기 때문에 태그와 비슷하다고 할 수 있겠네요. 사용법 h1 { font-weight: bold; } p { font-weight: 300; } h1 요소와 p 요소의 텍스트 크기를 정한 예시입니다 font-weight 속성 뒤에는 두 가지 방식으로 입력이 가능합니다. 정해져 있는 이름 : normal, bold, bolder, lighter 숫자 : 100에서 900까지 숫자를 입력할 경우 10.. 2023. 7. 19. CSS text-align 텍스트를 정렬하는 속성 Text-align 속성이란? CSS text-align은 텍스트 정렬을 처리하는 속성입니다. 워드프로세스나 문서 편집기에서 흔히 쓰는 좌측, 우측, 가운데 정렬 기능이죠. 제가 사용중인 티스토리 상단 툴바에도 텍스트 정렬 기능이 보이네요. 사용법 h1 { text-align: center; } text-align을 선언합니다 이용 가능한 속성값을 입력합니다 left : 기본값입니다. 왼쪽으로 텍스트를 정렬합니다 right : 오른쪽으로 텍스트를 정렬합니다 center : 가운데에 텍스트를 정렬합니다 justify : 좌우 끝을 맞춰서 텍스트의 간격을 조정합니다 더 자세한 내용은 아래 링크를 참조하세요. https://developer.mozilla.org/en-US/docs/Web/CSS/text-al.. 2023. 7. 18. 이전 1 다음
