Javascript 태그로 자식 요소 가져오기

따라서 weight font: bold 속성을 사용하여 th를 설정할 수 있습니다. e 텍스트 단락의 무게 글꼴은 800입니다. 자녀가 부모의 상대적인 무게보다 더 굵을 때 위의 표를 사용하여 자녀가 얼마나 뚱뚱한지 이해하십시오.

예를 들어, 다음과 같은 자녀가 있다고 가정해 보겠습니다. font-weight가 400인 부모가 있습니다. 더 굵은 자식에 font-weight 값을 넣으면 자식의 weight 글꼴은 700이 됩니다.

이것은 자식이 비교하여 더 어두운 글꼴이기 때문입니다. 부모보다 ~에 무게. 부모가 이미 최대한 어둡거나 밝은 경우 이러한 속성 값은 아무 것도 하지 않습니다.

예제 CSS 글꼴 두께

웹사이트를 디자인한다고 가정해 보겠습니다. 지역 우표 회사인 시애틀 우표 클럽을 위해 우리가 Who are - we 라고 생각하는 우표 회사는 웹사이트 A About에 굵게 표시되어 있습니다. 이것은 방문자의 관심을 제목에 끌어들일 것입니다.

스탬프 클럽은 우리에게 클럽의 역사와 함께 웹사이트에 텍스트 블록을 추가하도록 요청했습니다. 이 텍스트 블록은 일반 글꼴 두께로 나타나야 합니다. 클럽에서 시청자의 관심을 끌기 원하는 일부 문구는 굵게

다음 코드를 사용하여 권장 문구와 함께 이 텍스트 블록을 만들 수 있습니다.

클릭 스타일 버튼 위의 코드 편집기에서 HTML/CSS 코드의 출력을 확인하세요.

HTML 파일에서

로 묶인 텍스트 단락을 정의했습니다. . 에 일부 문장도 포함했습니다. CSS에서 권장하는 태그

다음으로 CSS 파일에서 각 < /a> 태그 굵게. 즉, 태그로 묶인 텍스트는 상위 요소보다 굵게 표시됩니다.

코드를 실행할 때 단락은 일반 글꼴 너비로 표시되고 태그로 묶인 문장은 굵게 표시됩니다. . 이 예에서 표현식 welcome everything 및 250 members는 태그로 묶여 있습니다.

가변 문자가 있는 굵은 CSS 텍스트

최신 수준의 CSS 글꼴에서 사용할 수 있는 몇 가지 새로운 글꼴이 있습니다. 이를 가변 문자라고 하며 문자 너비로 1에서 1000 사이의 숫자를 사용할 수 있습니다. 브라우저 지원은 2020년 5월까지 완전히 구현되지 않았으므로 아주 새로운 것입니다. 가변 글꼴에 대한 자세한 내용을 보려면 이 rel = "noopener"> l ` 소개<를 확인하십시오. /p>

결론

이 튜토리얼에서는 CSS font -weight 속성과 이것이 글꼴의 굵기에 미치는 영향

굵게 및 더 가벼운 무게는 상위 요소의 글꼴 무게에서 상대적인 글꼴 무게를 의미한다는 것을 배웠습니다. 기본적으로, 텍스트가 어떻게 보이는지 확인하기 위해 문자 가중치 범위. 당신은 곧 프로 글꼴 가중치가 될 것입니다.

CSS 코딩에 대한 자세한 내용은 CSS 학습 방법 에 대한 가이드를 참조하십시오. CSS에 의존하지 않고 텍스트를 굵게 만들고 싶다면 HTML에서 굵게 텍스트를 만드는 방법.