본문 바로가기

font-weight2

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.
HTML <strong> 텍스트를 굵게 만들고 강조하는 태그 STRONG이란? 태그는 텍스트를 강조하는 태그입니다. 우리가 흔히 알고 있는 굵게, bold체로 만들어 버리죠. 사용법 할인 50%! 한정판매 굵게 강조하고자 하는 텍스트를 태그로 감쌉니다 간단하죠? See the Pen Untitled by 40's Programmer (@40sProgrammer) on CodePen. 태그와 태그의 차이점 그런데 텍스트를 굵게 만드는 라는 태그가 존재합니다. 어떤 차이가 있는지 살펴볼께요. 태그는 굵게 만드는 시각적 효과 뿐만 아니라 '이 텍스트는 중요하다'라는 의미도 내포하고 있습니다. 따라서 검색엔진 등이 볼 때는 'strong 태그에는 중요한 텍스트가 있구나' 라고 생각하죠. 반면에 태그는 특별한 의미없이 텍스트를 굵게 만듭니다. 단순하게 보여주는 태그에요. .. 2023. 7. 1.